Firebase Google Login on Android

__CAPGO_KEEP_0__

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

注意

このガイドでは、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これはあなたの package name Firebaseコンソール

      注意

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

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

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

   

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

   

7. Firebaseにアプリを追加するAndroid登録ボタン Continue to console ボタン

   

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

   

9. SHA1の指紋を取得する

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

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

      

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

      

   注意

   このガイドの残りの部分では、SHA1を変更して、元のGoogleログインAndroid設定ガイドを書いたときに使用したコンピュータを使用します。

   注意

   SHA1を正しく入力することが非常に重要です。間違えると、認証が失敗し、不思議な方法で失敗します。 GoogleログインAndroid設定ガイドを読んでください。 FirebaseプロジェクトにSHA1を追加

10. ボタンをクリック

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

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

    1. __CAPGO_KEEP_0__に移動してください Build -> Authentication
    2. ボタンをクリックしてください Sign-in method Firebase Authenticationサインイン方法ボタン
    3. Click on the Google provider
    4. Click on the Web SDK configuration button
    5. Copy the Web client ID. This will be your webClientId in the initialize method of the plugin.
    

12. Use the web client ID in JS.

    注意

    私は、 authenticateWithGoogle Capgoの 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 1 (スクリーンショットの 2 番目に表示される数字

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

   

   注意

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

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

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

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

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

   1. 前のステップでコピーしたものと一致していることを確認するために、 Web アプリ
   2. 前回のステップでコピーしたものと一致していることを確認してください。

   注

   Webクライアントの残りの設定を無視してください。詳細は web設定ガイド.

Voila! __CAPGO_KEEP_0__でGoogle Sign-Inを使用してFirebase AuthenticationをAndroidで使用できるようになりました。

トラブルシューティング

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

• FirebaseのWebクライアントIDと idToken マッチしていることを確認してください。
• FirebaseコンソールでGoogle Sign-Inが有効になっていることを確認してください。
• SHA-1の指紋が正しく設定されていることを確認してください。
• 「__CAPGO_KEEP_0__」の例アプリを参照してください。 example app code トラブルシューティング

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

Capgoを使用している場合 Firebase Google Login on Android を使用して、認証とアカウントフローの計画を行い、Capgoと接続します。 @capgo/capacitor-social-login Capgoのネイティブ機能として@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要素認証の実装詳細について