auth.logout 在我的应用程序中无法使用 firebase facebook 身份验证

Question

我已经尝试了 Firebase Facebook 身份验证的基本步骤。因此，在我的应用中，用户可以使用 Firebase Facebook 身份验证成功登录。但是我在注销时遇到了问题。

我使用了注销按钮并在其上绑定点击事件，如下图：

$(function(){
    $('#lgout').click(function(){   
       auth.logout();
    });
});

我使用以下代码登录：

var chatRef = new Firebase('https://my-firebase-url');
    var auth = new FirebaseSimpleLogin(chatRef, function(error, user) {
          if (error) {
            // an error occurred while attempting login
            alert("please login first");
          } else if (user) {
            // user authenticated with Firebase
            //alert('User ID: ' + user.id + ', Provider: ' + user.provider);
            $.ajax({
                type: "GET",
                url: "https://graph.facebook.com/"+user.id,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(data) {
                $('#user').text("Welcome  "+data.name);
                }
            });
          } else {
            // user is logged out
            //auth.login('facebook');
          }
        });
        auth.login('facebook');

在登录时，我也遇到了一个问题，正如您在else 部分中看到的那样，我使用了auth.login('facebook');，它无法正常工作并显示错误 auth is not defined。但如果我在else 之外使用它，那么它工作正常。

请帮我解决这个问题。

Answer 1

与关于auth.logout() 的问题分开，你不应该在这个回调中调用auth.login('facebook');。相反，它应该在用户点击事件之后调用，因为您的浏览器会阻止 Facebook 弹出窗口启动。

来自https://www.firebase.com/docs/security/simple-login-overview.html：

第三方身份验证方法使用浏览器弹出窗口 提示用户登录、批准申请并返回 用户的数据到请求的应用程序。大多数现代浏览器都会 阻止打开此弹出窗口，除非它被 直接用户操作。

因此，我们建议您只调用“login()” 用户点击时的第三方认证方式方法。