Android用のFirebase Googleログイン

導入

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

セットアップ手順

プロジェクトの概要に移動してください

__CAPGO_KEEP_0__

1. __CAPGO_KEEP_0__ __CAPGO_KEEP_0__

   

2. Click on the Add app button

   

   Note

   既に別のアプリをFirebaseコンソールで作成している場合は、ここでこのボタンを探す必要がある可能性があります。

   

3. Select Android

   

4. フォームの最初の部分を入力

   1. Fill the Android package name
      1. Open Android Studio でアプリを使用する npx cap open android
      2. ナビゲーターの最下部で、 Gradle Scripts
      3. Find build.gradle モジュール app
      4. Copy the android.defaultConfig.applicationIdこれは、 package name Firebase コンソールで

      注意

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

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

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

   

6. __CAPGO_KEEP_0__ Add firebase SDK ステップ

   

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

   

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

   

9. SHA1の指紋を取得する

   10-11のステップからGoogleログインのAndroidの設定ガイドを参照してください ターミナルを開いてください。Capgoで使用しているディレクトリにいることを確認してください。:

   1. ターミナルを開いてください。Capgoで使用しているディレクトリにいることを確認してください。 android アプリのフォルダと実行 ./gradlew signInReport

      

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

      

   注意

   このガイドの後半では、SHA1の値を変更することにします。これは、元のGoogleログインAndroid設定ガイドを書いたときに使用したコンピュータが異なっているためです。

   SHA1の値を正確に取得することが非常に重要です。値を間違えると、認証が失敗し、予期しない方法で動作します。

   GoogleログインAndroid設定ガイドを読んでください。 正しく取得するには READ THE GOOGLE LOGIN ANDROID SETUP GUIDE

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

    1. __CAPGO_KEEP_0__をクリック Add fingerprint __CAPGO_KEEP_0__
    2. 前のステップでコピーしたSHA1をペースト
    3. __CAPGO_KEEP_0__をクリック Save Firebase Add App Android Add Fingerprint __CAPGO_KEEP_0__

11. __CAPGO_KEEP_0__をクリック

    1. Firebase Authentication __CAPGO_KEEP_0__ Build -> Authentication
    2. クリックしてください。 Sign-in method ボタン
    3. クリックしてください。 Google プロバイダー
    4. クリックしてください。 Web SDK configuration ボタン
    5. コピーしてください。 Web client IDこれがあなたの webClientId に保存されます。 initialize プラグインのメソッド。
    

12. JSで使用するWebクライアントIDを使用してください。

    注意

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

TECHNICALLY AndroidでGoogle Sign-Inを使用するFirebase Authenticationを使用する準備が整いました。ただし、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を作成できないため、Firbaseに戻って再作成する必要があります。

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

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

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

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

   注意

   ウェブクライアントの他の設定は無視してください。 ウェブ設定ガイドでこの話を続けます。.

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

トラブルシューティング

認証がハングしたり失敗したりしたら:

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