为什么 Firebase-Email-Verification 不起作用？

Question

$("#btn1").on('click', function(e) {
e.preventDefault(); // <== disable form submit

const email = signupForm['signup-email'].value;
const password = signupForm['signup-password'].value;


// sign up the user & add firestore data
const auth = firebase.auth();

const promise = auth.createUserWithEmailAndPassword(email, password);
promise.then(user => {
  user = firebase.auth().currentUser;
  user.sendEmailVerification();
}).catch(error => console.log);

});


$("#btn2").on('click', function(e) {
  e.preventDefault(); // <== disable form submit


  var user = firebase.auth().currentUser;

if (user.emailVerified) {
  // email is verified.
  console.log("email is verified")
} else {
  // email is not verified.
  console.log("email is not verified")
}
  
  });

我希望我的网站在用户输入他的电子邮件和密码后向用户发送一封电子邮件。

在我的代码中，user.sendEmailVerification(); 工作正常并且用户收到一封电子邮件。

如果用户验证了他的电子邮件并单击 btn2，控制台应该打印“电子邮件已验证”，但这并没有发生。控制台始终打印“电子邮件未验证”。我也试过 firebase.auth().onAuthStateChanged 方法，但它是一样的。

var user = firebase.auth().currentUser;
 firebase.auth().onAuthStateChanged(user => {
      if(user.emailVerified){ 
        console.log('email is verified')
       }else{
           console.log('email not verified')
       }
    })

Answer 1

验证电子邮件地址是在带外进行的，通常是在同一浏览器的另一个选项卡中或完全在另一个应用程序中。这意味着您的应用程序代码不会立即知道用户配置文件的更新，但只会在以下情况之一发生时：

他们的 ID 令牌每小时自动刷新一次。
当用户注销并再次登录时。
当您通过调用 reload on their user profile.

一旦发生任何这些情况，用户配置文件将包含来自服务器的最新信息，包括用户的电子邮件验证状态。

另见：

user.emailVerified doesn't change after clicking email verification link firebase

Answer 2

在认证过程中，您被重定向到认证服务器，并返回页面。 onAuthStageChange 它是该重定向的观察者，您不需要触发事件，因为它是实时事件。

为什么 Firebase-Email-Verification 不起作用？

Why Firebase-Email-Verification doesn't work?

javascript

firebase

firebase-authentication

email-verification