重定向到另一个页面后 authData 为空

Question

我有两个小型网络应用程序，在使用 Firebase 登录后，我正在从第一个应用程序重定向到第二个应用程序。我当前的问题是在新页面加载后身份验证数据未保存并且为空。

var ref = new Firebase("https://xxx.firebaseio.com");
var credentials = {};
credentials.email = email;
credentials.password = password;

ref.authWithPassword(credentials, function(error, authData) {
  if (error) {
      console.log("Login Failed!", error);
      document.getElementById("login-status").innerHTML = error;
  } else {
    console.log("Authenticated successfully with payload:", authData);
    console.log("AuthData expires: " + authData.expires);
    window.location = "http://localhost:3000/";
  }
});

所以，首先我会正确登录，authData 显示登录详细信息，但在新页面上 http://localhost:3000/ authData 为空。

有人知道如何保持会话吗？我玩弄了remember 对象，但它并没有解决我的问题。

Answer 1

Firebase 身份验证会自动将会话保存在浏览器的本地存储中。因此，当您进入新页面时，用户已经通过身份验证。

但是您的代码没有检测到这一点，因为您只是在处理主动对用户进行身份验证的情况。

解决方案是也monitor the authentication state。从该文档中：

// Register the callback to be fired every time auth state changes
ref.onAuth(function(authData) {
  if (authData) {
    console.log("User " + authData.uid + " is logged in with " + authData.provider);
  } else {
    console.log("User is logged out");
  }
});

如果你把这个sn-p放到新页面中，它会检测到用户已经登录了。