Firebase Google Login on Android

導入

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

I will assume that you have not yet created your Android app in the Firebase Console. If you have, your steps will be slightly different.

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

Setup Steps

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これは、Firebaseコンソールで使用する package name Firebaseコンソール

      注意

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

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

5. ステップをスキップしてください Download and then add config file Firebase Add App Android "ダウンロードして設定ファイルを追加する"ステップをスキップ

   

6. Firebase Add App Android "firebase __CAPGO_KEEP_0__ を追加する"ステップをスキップ Add firebase SDK ボタンをクリックしてください

   

7. Firebase Add App Android "firebase __CAPGO_KEEP_0__ を追加する"ステップをスキップしてください Continue to console ボタン

   

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

   

9. SHA1 の指紋を取得

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

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

      

   2. 自動的に認証されない場合は、 SHA1.

      

   注意

   このガイドの後半では、SHA1を変更して、元のGoogleログインAndroid設定ガイドで使用したコンピュータを使用します。

   注意

   SHA1を正確に取得することは非常に重要です。間違えると、認証が失敗し、不思議な方法で動作します。 正しく取得するには、 GoogleログインAndroid設定ガイド

10. を参照してください。

    1. FirebaseプロジェクトにSHA1を追加 Add fingerprint ボタン
    2. __CAPGO_KEEP_0__を前のステップでコピーしたSHA1を貼り付けてください
    3. __CAPGO_KEEP_0__をクリックしてください Save button

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

    1. Firebase Authentication Menu Build -> Authentication
    2. button Sign-in method Firebase Authentication Sign-in Method Button
    3. Click on the Google プロバイダ
    4. Click on the Web SDK configuration ボタン
    5. コピーする Web client IDこれがプラグインの webClientId 方法の initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. Use the web client ID in JS.

    注意

    私は、 authenticateWithGoogle authUtils.ts ファイルの サンプルアプリの

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

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

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

1. Go to console.cloud.google.com

2. Find your project

   1. Click on the project selector
   2. Search up your project by the exact name of your Firebase project and click on it. In my case, it is sociallogin-tutorial-app.

3. Open the search bar and open credentials

   1. Open the search bar and open
   2. Google Cloud Console Search Bar credentials Search for APIs and Services one (__CAPGO_KEEP_0__ on the screenshot)

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

   

   Caution

   If you do not see both the Android and Web client IDs in the list, you have made a mistake in the setup. Please go back and check your steps.

   It is also possible, and it has happened to me, that you already have added the Android SHA1 hash with the same app ID in a different project. This will result in __CAPGO_KEEP_3__ being unable to create an Android client ID. In this case, you will need to remove the SHA1 from the other project as well as on __CAPGO_KEEP_3__ (using the __CAPGO_KEEP_3__ console to remove the android app) and recreate it on __CAPGO_KEEP_3__

5. Verify that the Android client ID is correctly configured in the __CAPGO_KEEP_3__ console.

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

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

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

   注意

   Webクライアントの残りの設定を無視してください。Web設定ガイドで説明します。 web設定ガイド.

Voila! __CAPGO_KEEP_0__ は正常に使用できるようになりました。

トラブルシューティング

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

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

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

Firebase Google Login on Androidを使用している場合 Firebase Google Login on Androidを使用して 認証とアカウントフローの計画を行っている場合、Cloudflareの @capgo/capacitor-social-login @capgo/capacitor-social-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-passkeyを使用します。 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometricの実装詳細を表示する場合、@capgo/capacitor-native-biometricを使用します。 2要素認証 2要素認証の実装詳細について