使用基於密碼的帳戶使用 Javascript 進行 Firebase 身份驗證

您可以使用 Firebase 身份驗證讓您的用戶使用他們的電子郵件地址和密碼向 Firebase 進行身份驗證,並管理您應用的基於密碼的帳戶。

在你開始之前

  1. 添加火力地堡到你的JavaScript項目
  2. 如果您還沒有連接您的應用程序到你的火力地堡項目,從這樣做火力地堡控制台
  3. 啟用電子郵件/密碼登錄:
    1. 火力地堡控制台,打開驗證部分。
    2. 登錄方法選項卡,選中電子郵件/密碼登錄方法,然後單擊保存

創建基於密碼的帳戶

要使用密碼創建新用戶帳戶,請在應用的註冊頁面中完成以下步驟:

  1. 當新用戶使用您的應用程序的註冊表單進行註冊時,請完成您的應用程序所需的任何新帳戶驗證步驟,例如驗證新帳戶的密碼是否正確鍵入並滿足您的複雜性要求。
  2. 通過將新用戶的電子郵件地址和密碼,以創建一個新帳戶createUserWithEmailAndPassword

    網頁版 9

    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;
        // ..
      });

    網頁版 8

    firebase.auth().createUserWithEmailAndPassword(email, password)
      .then((userCredential) => {
        // Signed in 
        var user = userCredential.user;
        // ...
      })
      .catch((error) => {
        var errorCode = error.code;
        var errorMessage = error.message;
        // ..
      });
    如果創建了新帳戶,用戶將自動登錄。查看下面的下一步部分以獲取登錄用戶的詳細信息。

    這也是您可以捕獲和處理錯誤的地方。有關錯誤代碼列表,看看在驗證參考文檔

使用電子郵件地址和密碼登錄用戶

使用密碼登錄用戶的步驟與創建新帳戶的步驟類似。在您應用的登錄頁面中,執行以下操作:

  1. 當您的應用程序用戶登錄,通過用戶的電子郵件地址和密碼signInWithEmailAndPassword

    網頁版 9

    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;
      });

    網頁版 8

    firebase.auth().signInWithEmailAndPassword(email, password)
      .then((userCredential) => {
        // Signed in
        var user = userCredential.user;
        // ...
      })
      .catch((error) => {
        var errorCode = error.code;
        var errorMessage = error.message;
      });
    查看下面的下一步部分以獲取登錄的用戶詳細信息。

    這也是您可以捕獲和處理錯誤的地方。有關錯誤代碼列表,看看在驗證參考文檔

下一步

用戶首次登錄後,將創建一個新用戶帳戶並將其鏈接到用戶登錄時使用的憑據(即用戶名和密碼、電話號碼或身份驗證提供商信息)。這個新帳戶作為 Firebase 項目的一部分存儲,可用於識別項目中每個應用中的用戶,無論用戶如何登錄。

  • 在您的應用程序,要知道你的用戶的身份驗證狀態的推薦方法是設置一個觀察者的Auth的對象。然後,您可以從用戶的基本個人資料信息User對象。請參閱管理用戶

  • 在你的火力地堡實時數據庫和雲存儲安全規則,你可以得到簽署的,從用戶的唯一的用戶ID auth的變量,並用它來控制哪些數據的用戶可以訪問。

您可以允許用戶通過使用多個身份驗證提供登錄到您的應用程序連接身份驗證提供憑據到現有的用戶帳戶。

要註銷用戶,請撥打signOut

網頁版 9

import { getAuth, signOut } from "firebase/auth";

const auth = getAuth();
signOut(auth).then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});

網頁版 8

firebase.auth().signOut().then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});