您可以使用Firebase身份驗證來讓您的用戶使用其電子郵件地址和密碼向Firebase進行身份驗證,並管理您應用程序基於密碼的帳戶。
在你開始之前
- 將Firebase添加到您的JavaScript項目。
- 如果您尚未將應用程序連接到Firebase項目,請從Firebase控制台進行。
- 啟用電子郵件/密碼登錄:
- 在Firebase控制台中,打開“身份驗證”部分。
- 在“登錄方法”選項卡上,啟用“電子郵件/密碼”登錄方法,然後單擊“保存” 。
創建一個基於密碼的帳戶
要使用密碼創建新的用戶帳戶,請在應用程序的註冊頁面中完成以下步驟:
- 當新用戶使用您的應用程序的註冊表單進行註冊時,請完成您的應用程序所需的所有新帳戶驗證步驟,例如,驗證新帳戶的密碼是否正確鍵入並滿足您的複雜性要求。
- 通過將新用戶的電子郵件地址和密碼傳遞給
createUserWithEmailAndPassword
來創建一個新帳戶:如果創建了新帳戶,則用戶將自動登錄。請查看下面的“下一步”部分以獲取已登錄的用戶詳細信息。Web v8
firebase.auth().createUserWithEmailAndPassword(email, password) .then((userCredential) => { // Signed in var user = userCredential.user; // ... }) .catch((error) => { var errorCode = error.code; var errorMessage = error.message; // .. });
Web v9
import { getAuth, createUserWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); createUserWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch((error) => { const errorCode = error.code; const errorMessage = error.message; // .. });
這也是您可以捕獲和處理錯誤的地方。有關錯誤代碼的列表,請查看Auth Reference Docs 。
使用電子郵件地址和密碼登錄用戶
使用密碼登錄用戶的步驟與創建新帳戶的步驟相似。在應用程序的登錄頁面中,執行以下操作:
- 用戶登錄到您的應用時,請將用戶的電子郵件地址和密碼傳遞給
signInWithEmailAndPassword
:請查看下面的“下一步”部分以獲取已登錄的用戶詳細信息。Web v8
firebase.auth().signInWithEmailAndPassword(email, password) .then((userCredential) => { // Signed in var user = userCredential.user; // ... }) .catch((error) => { var errorCode = error.code; var errorMessage = error.message; });
Web v9
import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); signInWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch((error) => { const errorCode = error.code; const errorMessage = error.message; });
這也是您可以捕獲和處理錯誤的地方。有關錯誤代碼的列表,請查看Auth Reference Docs 。
下一步
用戶首次登錄後,將創建一個新的用戶帳戶並將其鏈接到該用戶登錄的憑據(即用戶名和密碼,電話號碼或身份驗證提供者信息)。這個新帳戶存儲為Firebase項目的一部分,可用於在項目中的每個應用程序中識別用戶,而無論用戶如何登錄。
在您的應用程序中,建議的了解用戶身份驗證狀態的方法是在
Auth
對像上設置觀察者。然後,您可以從User
對象獲取用戶的基本配置文件信息。請參閱管理用戶。在Firebase實時數據庫和雲存儲安全規則中,您可以從
auth
變量獲取登錄用戶的唯一用戶ID,並使用它來控制用戶可以訪問哪些數據。
通過將身份驗證提供程序憑據鏈接到現有用戶帳戶,可以允許用戶使用多個身份驗證提供程序登錄您的應用程序。
要註銷用戶,請致電signOut
:
Web v8
firebase.auth().signOut().then(() => { // Sign-out successful. }).catch((error) => { // An error happened. });