如何在Firebase中使用邮箱创建用户后自动登出以完成邮箱验证

你当前的代码存在3个核心问题：

1. async/await 和 .then() 链式调用混用，导致异步执行顺序不可控
2. sendEmailVerification() 是异步方法，没有添加await等待执行完成
3. 没有显式调用Firebase Auth的登出方法signOut()

修正后的核心代码 #

try {
  // 1. 创建用户
  const userCredential = await app.auth().createUserWithEmailAndPassword(email.value, password.value)
  // 2. 等待验证邮件发送完成
  await userCredential.user.sendEmailVerification()
  alert("验证邮件已发送，请前往邮箱确认")
  // 3. 执行登出操作
  await app.auth().signOut()
  // 4. 跳转到提示页/登录页
  history.push("/login")
} catch (error) {
  alert(error.message)
}

逻辑说明 #

• 调用app.auth().signOut()后，你在AuthContext里监听的onAuthStateChanged会自动触发，返回的user为null，currentUser会同步更新为 null，上下文状态会自动同步登出状态，不需要额外手动修改context值
• 你可以在路由守卫里加判断：如果currentUser存在但currentUser.emailVerified为false，也强制跳转到验证提示页，避免用户手动输入路径绕过验证

内容的提问来源于stack exchange，提问作者axfg