刷新后，firebase Auth当前用户返回null

Question

这是我在个人资料页面上的代码，当我从 AuthService 的登录方法重定向时，这第一次运行良好

const user = firebase.auth().currentUser;
  if (user != null) {
    this.name = user.displayName;
    this.uid = user.uid;
  } else {
    this.name = "Unknown";
  }

但是，如果我刷新页面或转到任何其他页面并返回此个人资料页面，currentUser 将变为 null。

这是我的身份验证服务代码。

import * as firebase from "firebase/app";
import { auth } from "firebase/app";

      async googleSignin() {
    firebase
      .auth()
      .setPersistence(firebase.auth.Auth.Persistence.LOCAL)
      .then(async () => {
        const provider = new auth.GoogleAuthProvider();
        const credential = await this.afAuth.auth.signInWithPopup(provider);
        this.updateUserData(credential.user);
        this.router.navigate(["/profile"]);
        return;
      });
  }

为什么我失去了 currentUser？我什至还添加了 Persistence.LOCAL。

Answer 1

当您导航到新页面时，您正在重新加载 Firebase 身份验证 SDK。此时 Firebase 会自动刷新当前用户的身份验证状态，但这可能需要往返服务器。当你的`firebase.auth().currentUser 运行时，刷新显然还没有完成。

因此，您应该使用onAuthStateChange 来监听更改，如getting the currently signed in user 上的文档所示：

firebase.auth().onAuthStateChanged(function(user) {
  if (user != null) {
    this.name = user.displayName;
    this.uid = user.uid;
  } else {
    this.name = "Unknown";
  }
});

Answer 2

您还可以将用户数据保存到本地/会话存储中，以防服务/防护由于异步操作而无法及时接收。