AndroidでFirebase Googleログインから続けてください

導入

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

注意

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

セットアップ手順

1. プロジェクトの概要画面に移動するには、次のURLを参照してください。 console.cloud.google.com

   

2. プロジェクトの概要画面に移動するには、次のURLを参照してください。 Add app ボタン

   

   注意

   このボタンは見つける必要があるかもしれません。この場合、Firebaseコンソールで別のアプリを作成している場合に限ります。

   

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. . この ID は Firebase コンソール android.defaultConfig.applicationIdCopy the package name . これはあなたの

      Note

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

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

5. ステップをスキップしてください Download and then add config file ステップ

   

6. ステップをスキップしてください Add firebase SDK Firebase Add App Android 'firebase __CAPGO_KEEP_0__を追加'のステップをスキップしてください

   

7. Firebase Add App Android Package Name フィールドの登録ボタン Continue to console ボタン

   

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

   

9. SHA1の指紋を取得する

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

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

      

   2. gradlew signInReportコマンド SHA1.

      

   注意

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

   注意

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

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

    1. ボタンをクリックする Add fingerprint ボタン
    2. __CAPGO_KEEP_0__
    3. ボタン Save ボタン

11. __CAPGO_KEEP_0__

    1. ウェブクライアントIDを取得 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.

    注意

    Capgoの推奨では、 authenticateWithGoogle 例のアプリのauthUtils.tsファイルに含まれる ヘルパー関数を使用することをお勧めします。 この時点で、

技術的に AndroidでGoogle Sign-InとFirebase Authenticationを使用できるようになりました。ただし、 Google Cloudコンソールの設定を確認することをお勧めします。次のステップで説明されているように。

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

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

1. Google Cloud Console にアクセスしてください console.cloud.google.com

2. プロジェクトを探してください

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

3. 検索バーを開いてください credentials

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

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

   

   注意

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

   また、既に同じアプリ ID で Android SHA1 ハッシュを別のプロジェクトに追加した場合もあります。この場合、Firebase が Android クライアント ID を作成できなくなります。この場合、他のプロジェクトから SHA1 を削除し、Firebase Console で Android アプリを削除し、再度 Firebase に追加する必要があります。

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

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

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

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

   Google Cloud Console Webアプリの選択

   Google Cloud Console WebアプリのクライアントID設定 注記.

さあ、Google Sign-Inを使用してAndroidでFirebase Authenticationを設定する準備ができました。

トラブルシューティング

認証がハングアップまたは失敗した場合:

• 確認してください idToken Firebase Web Client IDと一致していることを確認してください
• Firebase ConsoleでGoogle Sign-Inが有効になっていることを確認してください
• SHA-1の指紋が正しく設定されていることを確認してください
• 参考として example app code __CAPGO_KEEP_0__

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

あなたが使用している場合 Firebase Google Login on Android 認証とアカウントフローの計画に使用している場合 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric 2要素認証 2要素認証の実装詳細について