onAuthStateChanged 不一致

Question

当用户访问我的站点时，我使用onAuthStateChanged 来确定用户是否已经从之前的会话中登录。

主要问题是对于一小部分用户来说不一致 - 代码似乎没有检测到他们确实正在进行有效的登录会话。

以下代码在应用程序本身上，用户从主页或登录页面重定向后位于该页面上。

该网站的主页还使用onAuthStateChanged 来确定是否应将用户直接重定向到应用程序。登录页面使用signInWithEmailAndPassword，登录成功后重定向到应用页面（代码如下）。

firebase.auth().onAuthStateChanged(function (authUser) {
  if (authUser) return initApp(authUser);

  // issue: sometimes users that *should* be signed-in get signed in anonymously here
  firebase.auth().signInAnonymously().then(function (authUser) {
    initApp(authUser);
  }
});

onAuthStateChanged 不应该用于我的用例吗？知道如何改进/解决这个问题吗？

编辑：这似乎更多地发生在手机用户身上。

Answer 1

我认为您没有按预期使用 onAuthStateChanged。您不应该将其视为测试用户是否登录的一种方式。当您调用 onAuthStateChanged 时，您正在注册一个每次身份验证状态发生更改时都会调用的函数。

在我的应用程序（通常是 React 应用程序）中，onAuthStateChange 通常只在应用程序的主级别或最高级别调用一次。调用它来注册身份验证事件处理程序。然后，该事件处理函数响应身份验证状态的变化。如果处理函数传递了 null 的“用户”，表示没有用户通过身份验证，它会重定向到登录页面。如果调用处理函数并传递一个 IS 设置的“用户”，它通常会在设置一些应用范围内的用户详细信息后重定向到应用的主页或仪表板。

我处理用户登录尝试的代码调用 Firebase 的一种登录方法来捕获（并处理）任何响应错误。它不使用“then”函数来响应成功的登录。它不需要。触发身份验证状态更改事件，并调用我在 onAuthStateChanged 注册的事件处理函数并处理重定向等。

如果您从应用内的多个不同位置调用 onAuthStateChanged，您实际上是在注册许多不同的处理函数，这些函数可能都响应身份验证状态更改。正如 bojeil 评论的那样，在您的示例中，您使用 onAuthStateChanged 注册的函数可以调用 signInAnonymously 函数......这将重新触发身份验证状态更改。用户永远无法真正退出，他们只是切换到匿名身份验证，这意味着他们总是以一种或另一种方式进行身份验证。也许这就是你想要的？我不确定当多个处理程序被注册并被触发时会发生什么。

我想还值得一提的是，您使用 onAuthStateChanged 注册的事件处理函数在您的应用加载之前不会被调用。您不能使用 onAuthStateChanged 作为同步方式来确定用户是否已通过身份验证，然后确定如何继续加载您的应用程序。作为一种解决方法，我的应用程序通常在本地存储中设置一个简单的标志，指示用户已通过身份验证。当应用程序加载时，在刷新或其他操作后，它会在本地存储中检查该身份验证标志，然后继续相应地加载。当身份验证状态更改处理程序触发时，应用的状态要么被验证为正确，要么，如果身份验证状态不同，应用会做出相应的反应。