Firebase-google-authentication

Firebase-Google認証

この章では、FirebaseでGoogle認証を設定する方法を示します。

ステップ1-Google認証を有効にする

Firebaseダッシュボードを開き、左側のメニューで[認証]をクリックします。 利用可能なメソッドのリストを開くには、タブメニューの[ SIGN_IN_METHODS ]をクリックする必要があります。

これで、リストから Google を選択し、有効にして保存できます。

ステップ2-ボタンを作成する

*indexl* 内に、2つのボタンを追加します。

Copy

インデックス

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

Copy

ステップ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')
   });
}

Copy

ページを更新したら、[Googleサインイン]ボタンをクリックして、Googleポップアップをトリガーできます。 サインインが成功すると、開発者コンソールはユーザーにログインします。

• Googleサインアウト*ボタンをクリックして、アプリからログアウトすることもできます。 コンソールは、ログアウトが成功したことを確認します。

Firebase Google認証ログ