Firebase - Twitter身份验证

在本章中，我们将解释如何使用Twitter身份验证.

步骤1  - 创建Twitter应用程序

您可以创建Twitter应用程序.创建应用后，点击密钥和访问令牌，您可以在其中找到 API密钥和 API密码.您将在步骤2中使用此功能.

步骤2  - 启用Twitter身份验证

在Firebase信息中心的侧边菜单中，您需要点击验证的.然后打开 SIGN-IN-METHOD 标签.点击Twitter即可启用它.您需要在步骤1中添加 API密钥和 API密码.

然后您需要复制回调网址并将其粘贴到您的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!')
   });
}

当我们启动应用程序时，我们可以通过单击两个按钮来签名或注销.控制台将确认身份验证成功.