Firebase Google Login on Android

導入

このガイドでは、AndroidでGoogle Sign-InとFirebase Authenticationを統合する方法を説明します。Google Sign-InとFirebase Authenticationを使用する前に、一般的なFirebase Google設定を完了したと想定しています。 注

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

includes install, sync, and the source markdown guide.

Setup Steps

1. Go to your project overview over at console.cloud.google.com

   

2. Click on the Add app button

   

   Note

   It is possible that you will have to look here for this button. This applies only if you have already created a different app in the Firebase Console.

   

3. Select Android

   

4. Fill the first part of the form

   1. Fill the Android package name
      1. Open Android Studio at your app using npx cap open android
      2. At the very bottom of the navigator, find the Gradle Scripts
      3. Find build.gradle for the module app
      4. Copy the android.defaultConfig.applicationId. This will be your package name Firebaseコンソール内

      注意

      ここで表示されるIDは、後半のガイドで使用するIDと異なります。 app.capgo.plugin.SocialLogin 後半のガイドで使用するIDは

      5. Firebaseコンソールに貼り付け
   2. 追加ボタン Register app Firebase Add App Android 登録ボタン

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

   

6. をスキップする Add firebase SDK ステップ

   

7. ボタンをクリックする Continue to console Firebaseにアプリを追加するAndroid Continue to Console Button

   

8. -> Androidアプリを探してクリックする settings -> general -> your apps Firebaseにアプリを追加するAndroid Settings General Your Apps Button

   

9. Firebaseにアプリを追加するAndroid Continue to Console Button

   10-11のステップに従ってください。 GoogleログインAndroidセットアップガイド:

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

      

   2. このコマンドの先頭にスクロールしてください。次の内容が表示されていることを確認してください。コピーしてください。 SHA1.

      

   注意

   このガイドの後半では、元のGoogleログインAndroidセットアップガイドで使用したコンピューターが変更されているため、SHA1の値を変更します。

   注意

   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 を正しく設定するにはこちらのガイドを参照してください

10. to get it right.

    1. SHA1をFirebaseプロジェクトに追加するには Add fingerprint Click on the
    2. Firebase Add App Android Add Fingerprint Button
    3. Firebase Add App Android Add Fingerprint SHA1 Field Save Click on the

11. ウェブクライアントIDを取得

    1. Go to Build -> Authentication
    2. Cloudflareの Sign-in method button
    3. Cloudflareの Google provider
    4. Cloudflareの Web SDK configuration button
    5. Copy the Web client ID. この設定はあなたの webClientId に保存されます。 initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. 注意

    Capacitorの

    機能を使用することをお勧めします。 authenticateWithGoogle authUtils.ts ファイルの authUtils.ts

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

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

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

1. Google Cloudコンソールにアクセスする https://console.cloud.google.com

2. プロジェクトを探す

   1. プロジェクトセレクターをクリックする
   2. Firebaseプロジェクトの名前と一致するプロジェクトを検索し、クリックする。私の場合は sociallogin-tutorial-app.

3. Open the search bar and open credentials

   1. Open the search bar
   2. Search for credentials and click on the APIs and Services one (number 2 on the screenshot)

4. Verify that you see both the Android and Web client IDs in the list.

   

   Caution

   AndroidおよびWebクライアントIDがリストに両方表示されない場合は、設定で間違いを犯したことになります。ステップを確認し直してください。

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

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

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

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

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

   注意

   ウェブクライアントの残りの設定は無視してください。ウェブセットアップガイドで詳しく説明します。 ウェブセットアップガイド.

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

トラブルシューティング

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

• Verify the idToken Firebase web client IDと一致していることを確認してください。
• Google Sign-InをFirebase Consoleで有効にします
• SHA-1の指紋が正しく設定されていることを確認します
• 例として 「code」の例アプリ 参考用

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

Firebase Google Login on Androidを使用している場合 Firebase Google Login on Androidを使用して認証とアカウントフローの計画を行っている場合 Firebase Google Login on Androidを「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login」 「@capgo/capacitor-social-login」 for the native capability in Using @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要素認証 2要素認証の実装詳細については