代码之家 › 专栏 › 技术社区 › Jessica

currentUser正在返回null

firebase-authentication authentication firebase reactjs

Jessica · 技术社区 · 2 年前

我有一个使用firebase auth进行身份验证的react应用程序。

用户登录后,它会将其重定向到图书页面。这是submitLogin处理程序

import { auth, firebase } from "./firebase";
async function googleLogin() {
    const provider = new firebase.auth.GoogleAuthProvider();
    await auth.signInWithPopup(provider).then(
      async (result) => {
        const token = await auth?.currentUser?.getIdToken(true);
        if (token) {
          localStorage.setItem("@token", token);
          navigate("/book-list");
        }
      },
      function (error) {
        console.log(error);
      }
    );
}

然后在书页上,我试着 currentUser 这样我就可以打电话 getIdToken() 但是 当前用户 正在返回null。

import { auth } from "./firebase";
const currentUser = auth.currentUser

这是消防基地。js文件:

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

const firebaseConfig = {...};

firebase.initializeApp(firebaseConfig);

const auth = firebase.auth();
export { auth, firebase };

我怎么打电话 当前用户 用户登录后从另一个文件中删除?

1 回复 | 直到 2 年前

Frank van Puffelen 2 年前

这是预期的行为。由于books页面是一个新页面,Firebase SDK将需要从本地存储中恢复身份验证状态,并在本地存储中自动保持身份验证状态。这需要它向服务器打电话,例如检查帐户是否已被禁用。因为我们无法阻止页面加载,所以您的主代码将继续执行并看到这一点 currentUser 是空的。

你要做的是 监听身份验证状态 如上的文档中的第一个片段所示 getting the current user :

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

当用户会话被恢复时,或当恢复失败时,或当从未有登录用户开始时,或当身份验证状态更改时,此回调将自动触发,因此是将应用程序更新为最新身份验证状态的最佳位置。

推荐文章

Manav Kushwaha · 凭据身份验证无法在NextJs应用程序路由器中使用NextAuth执行

1 年前

gametaker1985 · 致命错误:无法在/home/claymati/public_html/login中的写入上下文中使用函数返回值。php第28行

2 年前

Svetoslav Stoyanov · AzerothCore无法连接到服务器,可能是客户端发送的WorldSocket请求格式错误

2 年前

dippynark · 是否可以使用与apiserver请求关联的“extra”属性与RBAC做出授权决策?

6 年前

data_henrik · 如何将Python OpenID Connect模块与IBM云应用程序ID一起使用?

6 年前

drewrockshard · 将密码与本地文件名匹配

6 年前

Bassie · 我的凭据存储在哪里?

6 年前

Marc · getAuthEntity失败“无法匹配预期类型”

6 年前

J. Hesters · Django Rest框架:我应该使用什么进行身份验证?我应该如何使用它?

6 年前

vikash vishnu · 任何可用插件都不支持身份验证方法“caching\u sha2\u password”

6 年前