Google is committed to advancing racial equity for Black communities. See how.
本頁面由 Cloud Translation API 翻譯而成。
Switch to English

網站上的Firebase認證入門

您可以使用Firebase身份驗證來允許用戶使用一種或多種登錄方法(包括電子郵件地址和密碼登錄)以及聯合身份提供商(例如Google登錄和Facebook登錄)登錄您的應用。本教程通過向您展示如何向應用程序添加電子郵件地址和密碼登錄,使您開始使用Firebase身份驗證。

將您的應用程序連接到Firebase

安裝Firebase SDK 。確保按照說明將配置代碼粘貼到您的網頁中。

註冊新用戶

創建一個允許新用戶使用其電子郵件地址和密碼向您的應用程序註冊的表單。當用戶完成該表格,驗證由用戶提供的電子郵件地址和密碼,然後將它們傳遞到createUserWithEmailAndPassword方法:

 firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
}); 

登錄現有用戶

創建一個允許現有用戶使用其電子郵件地址和密碼登錄的表單。當用戶完成該表格,調用signInWithEmailAndPassword方法:

 firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
}); 

設置身份驗證狀態觀察器並獲取用戶數據

對於需要有關登錄用戶信息的每個應用程序頁面,請將觀察者附加到全局身份驗證對象。每當用戶的登錄狀態更改時,都會調用此觀察器。

使用onAuthStateChanged方法附加觀察者。用戶成功登錄後,您可以在觀察者中獲取有關該用戶的信息。

 firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    var displayName = user.displayName;
    var email = user.email;
    var emailVerified = user.emailVerified;
    var photoURL = user.photoURL;
    var isAnonymous = user.isAnonymous;
    var uid = user.uid;
    var providerData = user.providerData;
    // ...
  } else {
    // User is signed out.
    // ...
  }
}); 

下一步

了解如何添加對其他身份提供者和匿名來賓帳戶的支持: