Firebase-Twitter認証

この章では、Twitter認証の使用方法について説明します。

ステップ1-Twitterアプリを作成する

このhttps://apps.twitter.com [link]でTwitterアプリを作成できます。アプリが作成されたら、キーとアクセストークン*をクリックして、 APIキー*と* APIシークレット*を見つけます。これは手順2で必要になります。

ステップ2-Twitter認証を有効にする

Firebaseダッシュボードのサイドメニューで、[認証]をクリックする必要があります。次に、 SIGN-IN-METHOD タブを開きます。 Twitterをクリックして有効にします。手順1から* APIキー*および* APIシークレット*を追加する必要があります。

次に、*コールバックURL *をコピーして、Twitterアプリに貼り付ける必要があります。 [設定]タブをクリックすると、TwitterアプリのコールバックURLを見つけることができます。

ステップ3-ボタンを追加する

このステップでは、 indexl の body タグ内に2つのボタンを追加します。

インデックス

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

アプリを起動すると、2つのボタンをクリックしてサインインまたはサインアウトできます。コンソールは、認証が成功したことを確認します。

Firebase Twitter認証ログ

Firebase-twitter-authentication