AndroidでのFirebase Google Login

はじめに

このガイドでは、Android で Google Sign-In を Firebase Authentication と連携する方法を説明します。すでに以下を完了していることを前提としています。 Firebase の Google 設定全般

注意

Firebase Console でまだ Android アプリを作成していない前提で進めます。作成済みの場合は、手順が若干異なります。

セットアップ手順

1. プロジェクトの概要は以下から確認できます： console.cloud.google.com

   

2. 次の 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. これが使用する package name Firebase コンソールでの

      注意

      ここに表示される ID は、このガイドの以降のステップで使用するものとは異なります。以降は app.capgo.plugin.SocialLogin をガイド内で使用します。

      5. Firebase コンソールに貼り付けます
   2. 次の Register app ボタンをクリックします

5. スキップ Download and then add config file ステップ

   

6. スキップ Add firebase SDK ステップ

   

7. 次の Continue to console ボタンをクリックします

   

8. 自動的に認証されない場合は、次へ進んでください： settings -> general -> your apps -> Androidアプリを見つけてクリックしてください

   

9. SHA1フィンガープリントを取得する

   以下の手順10〜11に従ってください： Google Login Android セットアップガイド:

   1. 次に、ターミナルを開きます。必ず以下のディレクトリに移動してください： android アプリのフォルダに移動して実行します ./gradlew signInReport

      

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

      

   注意

   元のGoogle Login Android セットアップガイド作成時から使用するPCが変わったため、以降のガイドでは少し異なるSHA1を使用します。

   注意

   SHA1 は正確に設定することが非常に重要です。間違えると、認証が予期せぬ形で失敗します。 まず、 Google Login Android セットアップガイドを読み、 正しい設定を行ってください。

10. Firebase プロジェクトに SHA1 を追加する

    1. 次の Add fingerprint ボタンをクリックします
    2. 前の手順でコピーした SHA1 を貼り付けます
    3. 次の Save ボタンをクリックします

11. WebクライアントIDを取得

    1. 以下に移動します： Build -> Authentication
    2. 次の Sign-in method ボタンをクリックします
    3. 次の Google プロバイダーを有効にする
    4. 次の Web SDK configuration ボタンをクリックします
    5. 以下をコピー Web client ID. これが使用する webClientId の initialize プラグインのメソッドになります。
    

12. JS では Web クライアント ID を使用してください。

    注意

    以下の authenticateWithGoogle ヘルパー関数を使用することをお勧めします。 authUtils.ts 内にある サンプルアプリのファイルです。

これで、あなたは 技術的には AndroidでFirebase Authenticationを使用したGoogle Sign-Inを利用する準備が整いました。ただし、次のステップで説明するように、Google Cloud consoleの設定を再確認することをお勧めします。

Google Cloud consoleの設定を再確認する

設定が正しいことを確認するために、Google Cloud consoleの設定を再確認してください。

1. 以下に移動します： console.cloud.google.com

2. プロジェクトを選択

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

3. 検索バーを開き、以下を開きます： credentials

   1. 検索バーを開く
   2. を検索し、 credentials 次をクリックします： APIs and Services 該当の項目（スクリーンショットの番号2）

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

   

   注意

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

   また、以前に別のプロジェクトで同じアプリIDを使用してAndroid SHA1ハッシュを追加しているケースもあります（私自身も経験があります）。この場合、FirebaseはAndroidクライアントIDを作成できません。その際は、他のプロジェクトおよびFirebase（FirebaseコンソールからAndroidアプリを削除）からSHA1を削除し、Firebaseで再作成する必要があります。

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

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

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

   1. 次の Web アプリ
   2. クライアントIDが前のステップでコピーしたものと一致していることを確認してください。

   注意

   Webクライアントのその他の設定は無視してください。詳細は以下の Webセットアップガイド.

完了です！これでAndroidでFirebase Authenticationを使用したGoogle Sign-Inの準備が整いました。

トラブルシューティング

認証が停止または失敗する場合：

• 以下を確認してください idToken audienceがFirebaseのWebクライアントIDと一致していること
• Firebase ConsoleでGoogle Sign-Inが有効であることを確認してください
• SHA-1フィンガープリントが正しく設定されていることを確認してください
• 以下を確認してください: サンプルアプリ code 参考用

AndroidでのFirebase Google Loginの続き

使用している場合 AndroidでのFirebase Google Login 認証とアカウントフローを計画するには、これを次と連携させてください @capgo/capacitor-social-login の使用 「@capgo/capacitor-social-login の使用」のネイティブ機能のために、 @capgo/capacitor-social-login @capgo/capacitor-social-login の実装の詳細については、 @capgo/capacitor-passkey @capgo/capacitor-passkey の実装詳細については、 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric の実装の詳細、および 2要素認証 二要素認証の実装の詳細については。