如何在加载我的网页之前优先考虑 firebase web auth

如何解决如何在加载我的网页之前优先考虑 firebase web auth

我有一个简单的登录布局。我想在用户登录网页时停止加载或显示它。一切正常，但在验证 firebase auth 时似乎有一点延迟，这就是为什么每当我刷新我的网页时，登录布局仍然显示得非常简短。我希望它不被完全看到。

Here is the video of my problem

如您所见，视频中用户已经登录，但用户名密码和登录按钮仍然显示得很短。

解决方法

您不共享任何代码，但我假设您使用 onAuthStateChanged() 观察者。如文档 here 和 here 中所述，Auth 对象需要在触发观察者之前初始化，因此您无法避免所经历的行为。

您需要按如下方式管理自己的显示：

• 在 Auth 对象完全初始化之前（即 Auth 对象处于中间状态），显示带有微调器的欢迎/默认页面
• 如果用户已经登录，则显示相关页面
• 如果用户未登录，则显示登录页面

以下（伪注释代码）行：

// Show the spinner
firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    // Hide the spinner and show content
  } else {
    // No user is signed in.
    // Hide the spinner and show the login form
  }
});