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

導入

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

注意

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

設定手順

1. プロジェクトの概要に移動するには console.cloud.google.com

   

2. ボタンをクリックする Add app button

   

   Note

   Select

   

3. Select Android

   

4. Android Studioでアプリを使用している場合

   1. フォームの最初の部分を Android package name
      1. Android Studioのナビゲーターの下部にあります npx cap open android
      2. Android Studioのプロジェクトナビゲータで Gradle Scripts
      3. モジュール build.gradle build.gradle (Module: app)ファイルをGradle Scriptsセクションで app
      4. コピーする android.defaultConfig.applicationIdFirebaseコンソールで設定したapplicationIdの設定が表示されます package name build.gradleファイル

      注意

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

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

5. Skip the Download and then add config file step

   

6. Firebaseを追加しないで Add firebase SDK ステップ

   

7. ボタンをクリックしてください Continue to console ボタン

   

8. 自動認証が取得できない場合は、 settings -> general -> your apps -> Androidアプリを探してクリックしてください

   

9. SHA1の指紋を取得してください

   Googleログイン Android設定ガイドのステップ10-11に従ってください Firebaseを追加しないで:

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

      

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

      

   注記

   このガイドの後半では、SHA1 を別のものに置き換えます。元の Google ログイン Android セットアップ ガイドを書いたときに使用したコンピューターが異なります。

   注意

   SHA1 は正しく入力することが非常に重要です。間違えると、認証がうまくいかないことがあります。 Google ログイン Android セットアップ ガイドを 読んでください。 正しく設定するには。

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

    1. ボタンをクリックしてください。 Add fingerprint ボタン
    2. 前のステップでコピーした SHA1 をペーストしてください。
    3. ボタンをクリックしてください。 Save ボタン

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

    1. 「Go to」 Build -> Authentication
    2. Firebase Authenticationのボタンをクリックしてください Sign-in method ボタン
    3. Firebase Authenticationのボタンをクリックしてください Google サービスプロバイダー
    4. Firebase Authenticationのボタンをクリックしてください Web SDK configuration ボタン
    5. コピーする Web client ID. webClientId in the initialize このプラグインの方法。
    

12. JS で使用する Web クライアント ID を使用します。

    注意

    私は、 authenticateWithGoogle authUtils.ts のサンプルアプリのファイルで利用できる この時点で、

技術的に サインイン Google Sign-In と Firebase Authentication を Android で使用できるように準備しています。ただし、Google Cloud Console の設定を確認するには、次のステップで説明されているように、Google Cloud Console にアクセスしてください。

Google Cloud Console の設定を確認してください。

設定が正しく設定されていることを確認するには、Google Cloud Console にアクセスしてください。

1. 移動してください。 https://console.cloud.google.com

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

   1. プロジェクトセレクターをクリックしてください。
   2. プロジェクト名が Firebase プロジェクトと同じで正確に検索してください。私の場合は、 sociallogin-tutorial-app.

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

   1. Google Cloud Consoleの検索バーを開きます。
   2. を検索します。 credentials をクリックします。 APIs and Services 1 (スクリーンショットの2番目)

4. を確認します。

   

   注意

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

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

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

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

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

   1. Google Cloud Consoleの Web アプリ
   2. Webアプリを選択

   注意

   ウェブクライアントの残りの設定を無視してください。ウェブ設定ガイドでこの話題について詳しく説明します。 ウェブ設定ガイド.

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

トラブルシューティング

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

• 確認する idToken Google Sign-InがFirebaseコンソールで有効になっていることを確認してください。
• SHA-1の指紋が正しく設定されていることを確認してください。
• サポート
• レビューを 例のアプリ code 参考として

Android用のFirebase Googleログインから続けて

Firebase Googleログインを使用している場合 Android用のFirebase Googleログイン 認証とアカウントフローの計画に使用し、Android用のFirebase Googleログインに接続する Capgoで@capgo/capacitor-social-loginを使用します。 Using @capgo/capacitor-social-login capgo/capacitor-social-login capgo/capacitor-social-login @capgo/capacitor-パスキー @capgo/capacitor-passkey @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric 2要素認証 2要素認証