Firebase Googleログイン on Android

導入

このガイドでは、AndroidでGoogle Sign-InをFirebase Authenticationに統合する方法を説明します。Firebase Googleの一般的なセットアップを完了していることを前提としています。 Firebase Googleの一般的なセットアップ

注意

このガイドでは、Firebase ConsoleでAndroidアプリを作成していないことを前提としています。作成している場合は、ステップが若干異なる可能性があります。

セットアップ ステップ

1. プロジェクトの概要にアクセスするには、console.cloud.google.comに移動してください。 Firebase Project Overview

   

2. プロジェクトの概要にアクセスするには、console.cloud.google.comに移動してください。 Add app ボタン

   

   注意

   このボタンを見つけるにはここを参照する必要があるかもしれません。この場合、Firebase Consoleで既に別のアプリを作成している場合に限ります。

   

3. 選択 Android

   

4. フォームの最初の部分を埋めます

   1. 埋め Android package name
      1. Android Studioでアプリを使用している場合、下部のナビゲータで npx cap open android
      2. ナビゲータの下部で Gradle Scripts
      3. 検索 build.gradle モジュール app
      4. このコピーをクリックすると、 android.defaultConfig.applicationIdこれは Firebase コンソールで使用する package name Firebase コンソールで使用する Build.gradle ファイルの applicationId 設定

      ここでは表示される ID と後続のガイドで使用する ID は異なります。後続のガイドでは

      後続のガイドで使用する app.capgo.plugin.SocialLogin for the rest of the guide.

      5. Firebaseコンソールに貼り付けてください
   2. ボタンをクリックしてください Register app ボタン

5. ステップをスキップしてください Download and then add config file ステップ

   

6. ステップをスキップしてください Add firebase SDK Firebase Add App Android 'firebase __CAPGO_KEEP_0__ を追加' をスキップしてください

   

7. Firebaseコンソールに設定ファイルをアップロードしてください Continue to console ボタン

   

8. 自動的に認証されない場合は、 settings -> general -> your apps -> Androidアプリを探してクリック

   

9. SHA1の指紋を取得する

   10-11のステップからGoogleログインのAndroid設定ガイドを参照してください ターミナルを開いてください。アプリのフォルダにいることを確認してください。:

   1. ターミナルで次のコマンドを実行してください。 android このコマンドの先頭にスクロールしてください。次の内容が表示されるはずです。コピーしてください。 ./gradlew signInReport

      

   2. コマンドの先頭にスクロールしてください。次の内容が表示されるはずです。コピーしてください。 SHA1.

      

   注意

   このガイドの残りの部分では、SHA1を微妙に異なるものに使用します。元のGoogleログインAndroid設定ガイドを書いたときにコンピュータが変更されたためです。

   注意

   SHA1は正確に取得する必要があります。間違えると、認証がうまくいかない不思議な方法で失敗します。 GoogleログインAndroid設定ガイドを読んでください。 FirebaseプロジェクトにSHA1を追加する

10. ボタンをクリックしてください

    1. ボタン Add fingerprint ボタン
    2. 前のステップでコピーしたSHA1をペーストしてください
    3. ボタンをクリックしてください Save ボタン

11. WebクライアントIDを取得してください

    1. Firebase Authenticationメニューに移動してください Build -> Authentication
    2. Firebase Authenticationサインイン方法ボタン Sign-in method Firebaseにアプリを追加 Androidに指紋を追加
    3. Googleのサービスをクリックしてください。 Google サービス
    4. ボタン Web SDK configuration Firebase Authenticationのサインイン方法Web __CAPGO_KEEP_0__ 設定ボタン
    5. Firebase Authenticationのサインイン方法Web __CAPGO_KEEP_0__ 設定WebクライアントID Web client IDWebクライアントIDをJSで使用してください。 webClientId Firebase Authenticationのサインイン方法Googleプロバイダーの設定 initialize ボタン
    

12. Firebase Authenticationのサインイン方法Web __CAPGO_KEEP_0__ 設定

    注意

    Capgoの推奨では、 authenticateWithGoogle CapgoのサンプルアプリのauthUtils.tsファイルに含まれる ヘルパー関数を使用することをお勧めします。 この時点で、

技術的に Google Sign-In with Firebase Authentication on Androidを使用できるようになりました。ただし、 Google Cloud Consoleの設定を確認することをお勧めします。次のステップで説明されているように。

Google Cloud Consoleの設定を確認する

Capgoの設定が正しく設定されていることを確認するには、Google Cloud Consoleの設定を確認する必要があります。

1. Google Cloud Console にアクセスしてください console.cloud.google.com

2. プロジェクトを探してください

   1. プロジェクトセレクターをクリックしてください
   2. Firebase プロジェクトの完全な名前でプロジェクトを検索し、クリックしてください。私の場合は sociallogin-tutorial-app.

3. 検索バーを開いてください credentials

   1. 検索バーを開いてください
   2. を検索してください credentials クリックしてください APIs and Services 1 (スクリーンショットの 2 番目)

4. リストに Android と Web の両方のクライアント ID が表示されることを確認してください。

   

   注意

   リストに Android と Web の両方のクライアント ID が表示されていない場合、設定に誤りがあります。再度確認してください。

   また、同じアプリ ID の Android SHA1 ハッシュが既に別のプロジェクトに追加されている可能性があります。この場合、Firebase が Android クライアント ID を作成できなくなります。この場合、他のプロジェクトから SHA1 を削除し、Firebase (Firebase コンソールを使用して Android アプリを削除) からも削除し、再度 Firebase に作成する必要があります。

5. Firebase コンソールで Android クライアント ID が正しく設定されていることを確認してください。

   1. ボタンをクリックしてください。 Android アプリ
   2. SHA1ハッシュが正しく設定されており、前のステップでコピーしたものと一致していることを確認してください。

6. FirebaseコンソールでWebクライアントIDが正しく設定されていることを確認してください。

   1. 前のステップでコピーしたものと一致していることを確認してください。 Web Google Cloud Console Webアプリの選択
   2. 注記

   app

   Google Cloud Console WebアプリのクライアントID設定 Google Cloud Console Webアプリの選択.

Voila! Google Sign-In with Firebase Authentication を Android で使用する準備ができました。

トラブルシューティング

認証が止まっている場合または失敗している場合:

• Firebase の Web クライアント ID と一致していることを確認してください。 idToken Firebase Console で Google Sign-In を有効にします。
• SHA-1 の指紋が正しく設定されていることを確認します。
• 例として、__CAPGO_KEEP_0__ を参照してください。
• ここから Firebase Google Login on Android を続けてください。 例として、code を参照してください。 ここから Firebase Google Login on Android を続けてください。

ここから Firebase Google Login on Android を続けてください。

あなたが Firebase Google Login on Android 認証とアカウントフローの計画に使用している場合 Capacitorの「@capgo/capacitor-social-login」 Capacitorの「@capgo/capacitor-social-login」 Capacitorの「@capgo/capacitor-social-login」 Capacitorの「@capgo/capacitor-passkey」 Capacitorの「@capgo/capacitor-passkey」 Capacitorの「@capgo/capacitor-native-biometric」 Capacitorの「@capgo/capacitor-native-biometric」 Capacitorの「@capgo/capacitor-native-biometric」 2要素認証 2要素認証の実装詳細について