Firebase - Google 身份驗證

在本章中，我們將向您展示如何在 Firebase 中設定 Google 身份驗證。

步驟 1 - 啟用 Google 身份驗證

開啟 Firebase 控制面板，然後單擊左側選單上的身份驗證。要開啟可用方法列表，您需要單擊選項卡選單中的SIGN_IN_METHODS。

現在，您可以從列表中選擇Google，啟用它並儲存。

步驟 2 - 建立按鈕

在我們的index.html中，我們將新增兩個按鈕。

index.html

<button onclick = "googleSignin()">Google Signin</button>
<button onclick = "googleSignout()">Google Signout</button>

步驟 3 - 登入和登出

在此步驟中，我們將建立登入和登出函式。我們將使用signInWithPopup()和signOut()方法。

示例

讓我們考慮以下示例。

var provider = new firebase.auth.GoogleAuthProvider();

function googleSignin() {
   firebase.auth()
   
   .signInWithPopup(provider).then(function(result) {
      var token = result.credential.accessToken;
      var user = result.user;
		
      console.log(token)
      console.log(user)
   }).catch(function(error) {
      var errorCode = error.code;
      var errorMessage = error.message;
		
      console.log(error.code)
      console.log(error.message)
   });
}

function googleSignout() {
   firebase.auth().signOut()
	
   .then(function() {
      console.log('Signout Succesfull')
   }, function(error) {
      console.log('Signout Failed')  
   });
}

重新整理頁面後，我們可以單擊Google 登入按鈕以觸發 Google 彈窗。如果登入成功，開發人員控制檯將記錄我們的使用者。

我們還可以單擊Google 登出按鈕以從應用程式中登出。控制檯會確認登出成功。