如何在登录 React web 应用程序之前检查 Firebase 用户的 email 是否已验证[重复]

Question

这个问题在这里已经有了答案：

Firebase 身份验证：注册前验证 email (1 个回答)

Firebase Auth - createUserWithEmailAndPassword() - 在验证 email 之前阻止登录（2 个答案）

2 年前关闭。

我有一个 React web 应用程序，它内置了 Firebase Auth。

用户登录后，如果用户的 email 得到验证，我只希望请求成功完成。 如果不是，我希望它出错。

我怀疑这将通过访问它来完成（取自 Firebase 文档）：

var user = firebase.auth().currentUser;
var name, email, photoUrl, uid, emailVerified;

if (user != null) {
  name = user.displayName;
  email = user.email;
  photoUrl = user.photoURL;
  emailVerified = user.emailVerified;
  uid = user.uid;  // The user's ID, unique to the Firebase project. Do NOT use
                   // this value to authenticate with your backend server, if
                   // you have one. Use User.getToken() instead.
}

但是，我不确定我是否可以在我的登录流程中实现这一点，因此在完成检查之前，用户不会被重定向到他们的仪表板。 我希望它在登录页面上提交请求时发生。

有人可以 state 我如何调整这个 function 以在用户登录之前检查 email 是否已验证？

  onSubmit = (e) => {

    e.preventDefault()

    firebase.auth().signInWithEmailAndPassword(this.state.email, this.state.password)
      .then(function(response) {
        console.log(response);
        console.log("Successfully logged in.")
      })
      .catch(function(error) {
        var errorCode = error.code;
        var errorMessage = error.message;
        console.log(errorCode);
        console.log(errorMessage);
      });

      this.props.history.push("/dashboard")

  }

还是只有在用户登录后才能检查？ 任何帮助，将不胜感激！

Answer 1

您只能在用户登录后知道应用程序中emailVerified标志的 state 是否存在，因为它是成功登录后用户 object 的属性。 您应该做的是使用此标志来确定用户之后在您的应用程序中导航的位置。

如果你想阻止用户在你的数据库中读取和写入数据，你可能希望在你的后端或 Firebase 数据库的安全规则中强制执行。