Android用のFirebase Googleログイン

導入

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

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

セットアップ手順

「セットアップ手順」のセクション

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

   

2. ボタンをクリックしてください Add app button

   

   注意

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

   

3. 選択 Android

   

4. フォームの最初の部分を埋めます

   1. フォームの Android package name
      1. アプリを使用してAndroid Studioを開きます npx cap open android
      2. ナビゲーターの真下で、 Gradle Scripts
      3. を見つける build.gradle モジュール app
      4. ファイルを探します。build.gradle (Module: app) android.defaultConfig.applicationIdをコピーします。 package name これは、

      注意

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

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

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

   

6. スキップ Add firebase SDK ステップ

   

7. ボタンをクリック Continue to console Firebase "__CAPGO_KEEP_0__" を追加しない

   

8. -> settings -> general -> your apps Android アプリを探して、クリック

   

9. SHA1 の指紋を取得

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

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

      

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

      

   注記

   注記

   注意

   注意 SHA1の値は非常に重要です。間違えると、認証が失敗し、不思議な方法で動作する可能性があります。 GoogleログインAndroid設定ガイドを読んでください 正しく取得するには。

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

    1. ボタン Add fingerprint ボタン
    2. 前のステップでコピーした SHA1 をペーストする
    3. ボタン Save Firebase Add App Android Add Fingerprint Save Button

11. 以下の手順に従う

    1. Go to Build -> Authentication
    2. ボタンをクリックしてください。 Sign-in method ボタン
    3. ボタンをクリックしてください。 Google プロバイダー
    4. ボタンをクリックしてください。 Web SDK configuration Firebase Authentication サインイン方法 Web __CAPGO_KEEP_0__ 設定ボタン
    5. 設定 Web client IDこれがあなたの webClientId プラグインの方法。 initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID
    

12. 注意

    私は、

    authUtils.ts authenticateWithGoogle ファイルの例アプリの この時点で、 技術的に

TECHNICALLY I recommend using the Google Sign-In と Firebase Authentication を Android で使用できるように準備しています。ただし、Google Cloud コンソールの設定を確認するには、次のステップで説明されているように Google Cloud コンソールで設定を確認することをお勧めします。

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

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

1. Go to console.cloud.google.com

2. プロジェクトを探す

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

3. 検索バーを開いて credentials

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

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

   

   注意

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

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

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

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

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

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

   注意

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

Voila! AndroidでGoogle Sign-Inを使用してFirebase Authenticationを設定しました。

トラブルシューティング

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

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