目录

Firebase - Twitter身份验证( Twitter Authentication)

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

第1步 - 创建Twitter应用程序

您可以在此link上创建Twitter应用程序。 创建应用程序后,单击“ Keys and Access Tokens ,您可以在其中找到API KeyAPI Secret 。 您将在第2步中使用此功能。

第2步 - 启用Twitter身份验证

在Firebase信息中心的侧边菜单中,您需要点击Auth 。 然后打开SIGN-IN-METHOD选项卡。 点击Twitter即可启用它。 您需要从步骤1添加API KeyAPI Secret

然后,您需要复制callback URL并将其粘贴到您的Twitter应用程序中。 单击“ Settings选项卡时,可以找到Twitter应用程序的回调URL。

第3步 - 添加按钮

在此步骤中,我们将在index.htmlbody标记内添加两个按钮。

的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!')
   });
}

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

Firebase Twitter Auth Log
↑回到顶部↑
WIKI教程 @2018