我是否错误地调用了 onAuthStateChanged 函数？

Question

githubLogin.addEventListener('click', () => {
    var provider = new firebase.auth.GithubAuthProvider();

    firebase.auth().signInWithPopup(provider).then(function(result) {
        var user = result.user;
        console.log(user);
        firebase.auth().onAuthStateChanged(function(user) {
            if (user) {
                window.location = "pages/welcome.html";
            }});
    }).catch(function(error) {
        console.log(error);
    });

});

所以问题是，当我将用户重定向到 Welcome 时，我看到该页面上没有用户登录。 我知道我必须使用 onAuthStateChanged() 函数，但到目前为止我错了。我可以知道如何做到这一点吗？而且我也有类似的谷歌登录，这会影响功能吗？

Answer 1

您应该在显示按钮之前确定身份验证状态。如果onAuthStateChanged 侦听器最初以空用户触发，则显示登录屏幕。

另外，当您调用signInWithPopup 时，您不需要添加状态更改监听器。你可以这样做：

firebase.auth().signInWithPopup(provider).then(function(result) {
  // User logged in, you can get currentUser from onAuthStateChanged
  // listener on welcome page.
  window.location.assign("pages/welcome.html");
}).catch(function(error) {
  // Handle error.
});