Firebase - Twitter 身份驗證

在本章中，我們將解釋如何使用 Twitter 身份驗證。

步驟 1 - 建立 Twitter 應用

您可以在此 連結 上建立 Twitter 應用。建立應用後，單擊 鍵和訪問令牌，您可以在其中找到 API 金鑰 和 API 金鑰。您將在步驟 2 中需要此資訊。

步驟 2 - 啟用 Twitter 身份驗證

在 Firebase 儀表板側邊選單中，您需要單擊 Auth。然後開啟 登入方式 選項卡。單擊 Twitter 以啟用它。您需要新增步驟 1 中的 API 金鑰 和 API 金鑰。

然後，您需要複製 回撥 URL 並將其貼上到您的 Twitter 應用程式中。您可以在單擊 設定 選項卡時找到 Twitter 應用的回撥 URL。

步驟 3 - 新增按鈕

在此步驟中，我們將在 index.html 的 body 標記內新增兩個按鈕。

index.html

<button onclick = "twitterSignin()">Twitter Signin</button>
<button onclick = "twitterSignout()">Twitter Signout</button>

步驟 4 - 身份驗證函式

現在，我們可以為 Twitter 身份驗證建立函式。

index.js

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

function twitterSignin() {
   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) {
      console.log(error.code)
      console.log(error.message)
   });
}

function twitterSignout() {
   firebase.auth().signOut()
   
   .then(function() {
      console.log('Signout successful!')
   }, function(error) {
      console.log('Signout failed!')
   });
}

啟動應用後，我們可以透過單擊兩個按鈕來登入或退出。控制檯將確認身份驗證成功。