问题描述
$("#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')
}
})
解决方法
验证电子邮件地址是带外的,通常在同一浏览器的另一个选项卡中或完全在另一个应用程序中。这意味着您的应用程序代码不会立即获知用户个人资料的更新,而是仅在以下情况之一发生时才获知:
- 他们的 ID 令牌会自动刷新,每小时刷新一次。
- 当用户注销并再次登录时。
- 当您通过调用
reload
on their user profile 强制刷新应用程序代码中的 ID 令牌时。
一旦发生上述任何一种情况,用户个人资料将包含来自服务器的最新信息,包括用户的电子邮件验证状态。
另见:
- Angular firebase email verification false after verify
- Android Firebase AuthStateListener Email Verified
- Can I get updated emailVerified without logging out?
- user.emailVerified doesn't change after clicking email verification link firebase
在认证过程中,您被重定向到认证服务器,并返回到页面。 onAuthStageChange
它是该重定向的观察者,您不需要触发事件,因为它是实时事件。