Androidで使用するFirebase Googleログイン

導入

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

Note

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

セットアップ手順

1. プロジェクトの概要画面を開く console.cloud.google.com

   

2. ボタン Add app button

   

   Note

   ボタン

   

3. 選択 Android

   

4. フォームの最初の部分を入力してください

   1. フォームの Android package name
      1. Android Studioでアプリを使用して開いてください npx cap open android
      2. ナビゲーターの最下部で、 Gradle Scripts
      3. Find build.gradle モジュール app
      4. コピー android.defaultConfig.applicationId. このアプリケーションは package name Firebaseコンソールの

      注意

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

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

5. Firebaseをスキップする Download and then add config file ステップ

   

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

   

7. Firebase Add App Androidをスキップする Continue to console button

   

8. Firebase Add App Android Consoleに進む settings -> general -> your apps 自動認証が取得できない場合は、

   

9. SHA1の指紋を取得する

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

   1. 現在のアプリのフォルダに移動してください。ターミナルを開いて、次のコマンドを実行してください。 android ターミナルにgradlew signInReportコマンドが表示されている ./gradlew signInReport

      

   2. ターミナル出力にSHA1証明書の指紋が表示されている SHA1.

      

   Note

   注意

   注意

   SHA1は正しく入力する必要があります。間違えると、認証がうまくいかないようになります。 Google Androidのログイン設定ガイドを 読んでください。

10. FirebaseプロジェクトにSHA1を追加してください。

    1. ボタン Add fingerprint button
    2. Firebase Add App Android Add Fingerprint SHA1 Field
    3. ボタン Save button

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

    1. 以下の手順に従ってください Build -> Authentication
    2. 以下のボタンをクリックしてください Sign-in method ボタン
    3. 以下のボタンをクリックしてください Google プロバイダー
    4. 以下のボタンをクリックしてください Web SDK configuration ボタン
    5. をコピーしてください。 Web client ID。これはプラグインの webClientId メソッドの initialize に設定されます。
    

12. Web Client ID を JS で使用してください。

    注意

    私は authenticateWithGoogle のヘルパー関数を使用することをお勧めします。 authUtils.ts サンプルアプリのファイル。

この時点で、 技術的に Google Sign-Inを使用してFirebase AuthenticationをAndroidで使用できるようになりました。ただし、Google Cloudコンソールの設定を確認することをお勧めします。

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

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

1. 行きましょう 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ハッシュを別のプロジェクトに追加した場合、FirbaseがAndroidクライアントIDを作成できない可能性があります。この場合、他のプロジェクトからSHA1を削除し、FirebaseコンソールでAndroidアプリを削除し、Firbaseで再作成する必要があります。

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

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

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

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

   注意

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

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

トラブルシューティング

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

• 確認してください idToken FirebaseのウェブクライアントIDと一致するユーザー
• FirebaseコンソールでGoogle Sign-Inが有効になっていることを確認してください
• SHA-1の指紋が正しく設定されていることを確認してください
• 確認する 参考用の例アプリ code 参考用の例アプリ

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

Firebase Google Login on Androidを使用して認証とアカウントフローの計画を行っている場合、Capacitor-social-loginと接続してください Capacitor-social-loginを使用してFirebase Google Login on Androidと接続してください @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login @capgo/capacitor-social-login Capacitor-社会連携のためのnative機能については、@capgo/capacitor-社会連携をご覧ください。 @capgo/capacitor-社会連携 Capacitor-社会連携の実装詳細については、@capgo/capacitor-社会連携をご覧ください。 @capgo/capacitor-パスキー Capacitor-パスキーの実装詳細については、@capgo/capacitor-パスキーをご覧ください。 @capgo/capacitor-nativeバイオメトリック Capacitor-バイオメトリックの実装詳細については、@capgo/capacitor-バイオメトリックをご覧ください。 2要素認証 2要素認証の実装詳細については、2要素認証をご覧ください。