![](/img/trans.png)
[英]How to verify an email before making it the primary (Firebase Authentication)
[英]Firebase authentication web: how to verify email address
我是 Web 版 Firebase 身份驗證的新手。 我設法使注冊表單正常工作,但在發送電子郵件以驗證用戶電子郵件地址時遇到了問題。 用戶正常創建並出現在我的控制台中,但沒有發送驗證電子郵件,我在 Chrome 中收到以下錯誤:
未捕獲的類型錯誤:無法讀取 null 的屬性“sendEmailVerification”
這是我到目前為止的代碼:
"use strict";
(function () {
// initialize firebase
var config = {
apiKey: "//api key",
authDomain: "// etc",
databaseURL: "// etc",
projectId: "// etc",
storageBucket: "// etc",
messagingSenderId: "// etc"
};
firebase.initializeApp(config);
// get the login form elements from HTML
var txtEmail = document.getElementById('txtEmail');
var txtPassword = document.getElementById('txtPassword');
var btnLogin = document.getElementById('btnLogin');
var btnSignUp = document.getElementById('btnSignUp');
var btnLogout = document.getElementById('btnLogout');
// add login event
btnLogin.addEventListener('click', function (e) {
// get email and pass
var email = txtEmail.value;
var pass = txtPassword.value;
var auth = firebase.auth();
// sign in
var promise = auth.signInWithEmailAndPassword(email, pass);
promise.catch(function (e) {
return console.log(e.message);
});
});
// add signup event. the signup button sends user email and pass to firebase
btnSignUp.addEventListener('click', function (e) {
// get email and pass
// TODO: validate email - check it is real
var email = txtEmail.value;
var pass = txtPassword.value;
var auth = firebase.auth();
var user = firebase.auth().currentUser;
// sign in
var promise = auth.createUserWithEmailAndPassword(email, pass);
promise.catch(function (e) {
return console.log(e.message);
}).then(function(){user.sendEmailVerification().then(function() {
// Email sent.
}, function(error) {
// An error happened.
})
}); // end verification
}); // end sign up button event listener
// show logout button when user is logged in
// TODO: make sure the login form clears the credentials on logout
btnLogout.addEventListener('click', function (e) {
firebase.auth().signOut();
});
// realtime authentication listener
firebase.auth().onAuthStateChanged(function (firebaseUser) {
if (firebaseUser) {
console.log(firebaseUser);
btnLogout.classList.remove('hide');
btnSignUp.classList.add('hide');
btnLogin.classList.add('hide');
} else {
console.log('not logged in');
btnLogout.classList.add('hide');
btnSignUp.classList.remove('hide');
btnLogin.classList.remove('hide');
} // end if statement
}); // end function
})();
我還沒有找到一個簡單的例子來說明如何做到這一點,文檔只提供了代碼,但沒有關於把它放在哪里的信息。 我感謝您的幫助。 謝謝你。
已解決:感謝您的幫助。 它現在正在工作。 這是完整的工作代碼:
"use strict";
(function () {
// initialize firebase
var config = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: ""
};
firebase.initializeApp(config);
// get the login form elements from HTML
var txtEmail = document.getElementById('txtEmail');
var txtPassword = document.getElementById('txtPassword');
var btnLogin = document.getElementById('btnLogin');
var btnSignUp = document.getElementById('btnSignUp');
var btnLogout = document.getElementById('btnLogout');
// login event
btnLogin.addEventListener('click', function (e) {
// get email and pass
var email = txtEmail.value;
var pass = txtPassword.value;
var auth = firebase.auth();
// sign in
var promise = auth.signInWithEmailAndPassword(email, pass);
promise.catch(function (e) {
return console.log(e.message);
});
});
// add signup event. the signup button sends user email and pass to firebase
btnSignUp.addEventListener('click', function (e) {
// get email and pass
// TODO: validate email - check it is real
var email = txtEmail.value;
var pass = txtPassword.value;
var auth = firebase.auth();
var user = firebase.auth().currentUser;
// create user and sign in
var promise = auth.createUserWithEmailAndPassword(email, pass);
promise.then(function(user) {
user.sendEmailVerification().then(function() {
// Email sent.
}, function(error) {
// An error happened.
});
});
}); // end sign up button event listener
// show logout button when user is logged in
btnLogout.addEventListener('click', function (e) {
firebase.auth().signOut();
});
// realtime authentication listener
firebase.auth().onAuthStateChanged(function (firebaseUser) {
if (firebaseUser) {
console.log(firebaseUser);
btnLogout.classList.remove('hide');
btnSignUp.classList.add('hide');
btnLogin.classList.add('hide');
} else {
console.log('not logged in');
btnLogout.classList.add('hide');
btnSignUp.classList.remove('hide');
btnLogin.classList.remove('hide');
} // end else statement
}); // end function
})();
firebase.auth().currentUser 將為空/未定義,直到您通過身份驗證。 請嘗試發送如下所述的電子郵件。
firebase.auth().onAuthStateChanged(function (firebaseUser) {
if (firebaseUser) {
firebaseUser.sendEmailVerification().then(function() {
// Email sent.
}, function(error) {
// An error happened.
})
....
} else {
....
}
});
// sign in var promise = auth.createUserWithEmailAndPassword(email, pass); promise.then(function(authData) {// You are forgetting this reference. authData.user.sendEmailVerification(); }, function(error) { // An error happened. })
createUserWithEmailAndPassword
返回 authData,因此您需要 authData,user 來發送電子郵件驗證。
@Nagaraj N 的解決方案是正確的,您也可以按如下方式修改您的代碼:
// sign in
var promise = auth.createUserWithEmailAndPassword(email, pass);
promise.then(function(user) {// You are forgetting this reference.
user.sendEmailVerification();
// You can also call this.
firebase.auth().currentUser.sendEmailVerification();
// Email sent.
}, function(error) {
// An error happened.
})`
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.