AndroidでのFirebase Googleログイン

はじめに

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

Note

Firebase ConsoleでAndroidアプリをまだ作成していないことを前提としています。すでに作成している場合は、手順が少し異なります。

設定手順

1. console.cloud.google.comでプロジェクト概要に移動します

   

2. Add appボタンをクリックします

   

   Note

   Firebase Consoleで既に別のアプリを作成している場合は、ここでこのボタンを探す必要がある場合があります。これは、すでにFirebase Consoleで別のアプリを作成している場合にのみ適用されます。

   

3. Androidを選択します

   

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

   1. Android package nameを入力します
      1. npx cap open androidを使用してAndroid Studioでアプリを開きます
      2. ナビゲーターの一番下にあるGradle Scriptsを見つけます
      3. モジュールappのbuild.gradleを見つけます
      4. android.defaultConfig.applicationIdをコピーします。これがFirebase consoleのpackage nameになります

      Note

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

      5. Firebase consoleに貼り付けます
   2. Register appボタンをクリックします

5. Download and then add config fileステップをスキップします

   

6. Add firebase SDKステップをスキップします

   

7. Continue to consoleボタンをクリックします

   

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

   

9. SHA1フィンガープリントを取得します

   Google Login Androidセットアップガイドのステップ10-11に従ってください:

   1. ターミナルを開きます。アプリのandroidフォルダにいることを確認し、./gradlew signInReportを実行します

      

   2. このコマンドの先頭までスクロールします。次のように表示されるはずです。SHA1をコピーします。

      

   Note

   元のGoogle loginのAndroidセットアップガイドを書いた後にコンピュータを変更したため、ガイドの残りの部分では少し異なるSHA1を使用します。

   Caution

   SHA1は非常に重要です。間違えると、認証が奇妙な方法で失敗します。 正しく取得するには、Google Login Androidセットアップガイドを読んでください。

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

    1. Add fingerprintボタンをクリックします
    2. 前のステップでコピーしたSHA1を貼り付けます
    3. Saveボタンをクリックします

11. Web client IDを取得します

    1. Build -> Authenticationに移動します
    2. Sign-in methodボタンをクリックします
    3. Googleプロバイダーをクリックします
    4. Web SDK configurationボタンをクリックします
    5. Web client IDをコピーします。これがプラグインのinitializeメソッドのwebClientIdになります。
    

12. JSでWeb client IDを使用します。

    Note

    サンプルアプリのauthUtils.tsファイルで利用可能なauthenticateWithGoogleヘルパー関数の使用を推奨します。

この時点で、AndroidでFirebase AuthenticationによるGoogleサインインを使用する準備は技術的には整いました。ただし、次のステップで説明されているように、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（スクリーンショットの2番）をクリックします

4. リストにAndroidとWeb client IDの両方が表示されることを確認します。

   

   Caution

   リストにAndroidとWeb client IDの両方が表示されない場合は、セットアップで間違いを犯しています。手順を戻って確認してください。

   また、私にも起こったことですが、別のプロジェクトで同じapp IDを使用してAndroid SHA1ハッシュをすでに追加している可能性があります。これにより、FirebaseがAndroid client IDを作成できなくなります。この場合、他のプロジェクトからSHA1を削除し、Firebase（Firebaseコンソールを使用してAndroidアプリを削除する）でも削除し、Firebaseで再作成する必要があります。

5. Firebase consoleでAndroid client IDが正しく設定されていることを確認します。

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

6. Firebase consoleでWeb client IDが正しく設定されていることを確認します。

   1. Webアプリをクリックします
   2. client IDが前のステップでコピーしたものと一致することを確認します。

   Note

   Webクライアントの残りの設定は無視してください。これについてはWebセットアップガイドで説明します。

完了です！これで、AndroidでFirebase AuthenticationによるGoogleサインインを使用する準備が整いました。

トラブルシューティング

認証がハングまたは失敗する場合:

• idTokenのaudienceがFirebaseのWeb client IDと一致していることを確認してください
• Firebase ConsoleでGoogleサインインが有効になっていることを確認してください
• SHA-1フィンガープリントが正しく設定されていることを確認してください
• 参考としてサンプルアプリコードを確認してください