Firebase Google Login on Android

導入

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

注意

このガイドでは、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. Find build.gradle for the module app
      4. Copy the android.defaultConfig.applicationId. This will be your package name in the Firebase console

      Note

      The ID shown here will differ from the one I will use for the rest of the guide. I will use app.capgo.plugin.SocialLogin for the rest of the guide.

      5. Paste it in the Firebase console
   2. Click on the Register app button

5. Skip the Download and then add config file step

   

6. Skip the Add firebase SDK step

   

7. Click on the Continue to console button

   

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

   

9. SHA1の指紋を取得する

   10-11のステップから Googleログイン Android設定ガイド:

   1. ターミナルを開いてください。アプリのフォルダにいることを確認してください。 android アプリのフォルダで ./gradlew signInReport

      

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

      

   Note

   I will use a slightly different SHA1 for the rest of the guide, because I have changed computes since writing the original Google login android setup guide.

   Caution

   The SHA1 is very important to get right. If you mess up, the authentication will fail in strange ways. Please READ THE GOOGLE LOGIN ANDROID SETUP GUIDE to get it right.

10. Add the SHA1 to the Firebase project

    1. Click on the Add fingerprint button
    2. 前のステップでコピーしたSHA1を貼ります。
    3. ボタンをクリックしてください。 Save ボタン

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

    1. Firebase Authentication メニューに移動してください。 Build -> Authentication
    2. Firebase Authentication サインイン方法ボタン Sign-in method ボタンをクリックしてください。
    3. __CAPGO_KEEP_0__ Google サービスプロバイダー
    4. ボタンをクリック Web SDK configuration ボタン
    5. コピー Web client ID. これはプラグインの webClientId の方法です。 initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. 注意:

    注意

    私は、 authenticateWithGoogle Capgoの authUtils.ts ファイルにある

この時点で、 TECHNICALLY Google Sign-InとFirebase Authenticationを使用する準備が整っています。ただし、Google Cloudコンソールの設定を確認することをお勧めします。

Google Cloudコンソールの設定を確認する

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

1. Google Cloudコンソールに移動する console.cloud.google.com

2. プロジェクトを探す

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

3. 検索バーを開き credentials

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

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

   

   注意

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

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

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

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

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

   1. Click on the Web app
   2. 前述の手順でコピーしたクライアント ID と一致していることを確認してください。

   注

   Web クライアントの残りの設定を無視してください。詳細は "web setup guide" を参照してください。 Voila! Android で Google Sign-In と Firebase Authentication を使用できるようになりました。.

Google Cloud Console Android App SHA1 が設定済み

トラブルシューティング

認証がハングしたり失敗したりする場合:

• FirebaseのWebクライアントIDと一致する idToken FirebaseコンソールでGoogle Sign-Inが有効になっていることを確認する
• SHA-1の指紋が正しく設定されていることを確認する
• 例のアプリケーション __CAPGO_KEEP_0__ を参照してください
• Firebase Google Login on Androidから続けてください example app code トラブルシューティング

セクション「トラブルシューティング」

If you are using Android上でFirebase Google 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 for the implementation detail in @capgo/capacitor-native-biometric, and Two-factor authentication 2要素認証の実装詳細について。