iOSでのFirebase Googleログイン

はじめに

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

設定手順

console.cloud.google.comでプロジェクト概要に移動します
Add appボタンをクリックします

Firebase Consoleで既に別のアプリを作成している場合は、ここでこのボタンを探す必要がある場合があります。これは、すでにFirebase Consoleで別のアプリを作成している場合にのみ適用されます。
iOSを選択します
フォームの最初の部分を入力します
1. Apple bundle IDを入力します
  1. npx cap open iosを使用してXcodeでアプリを開きます
  2. Appをダブルクリックします
  3. Targets -> Appにいることを確認します
  4. Bundle Identifierを見つけます
    ここに表示されるIDは、ガイドの残りの部分で使用するものとは異なります。ガイドの残りの部分ではapp.capgo.plugin.SocialLoginを使用します。
  5. Bundle IdentifierをコピーしてFirebase consoleに貼り付けます
2. Register appボタンをクリックします
Download config fileステップをスキップします
Add firebase SDKステップをスキップします
Add initialization codeステップをスキップします
Continue to consoleボタンをクリックします
iOS client IDとYOUR_DOT_REVERSED_IOS_CLIENT_IDを取得します
1. console.cloud.google.comのGoogle Cloud Consoleにアクセスします
2. プロジェクトを見つけます
  1. プロジェクトセレクターをクリックします
  2. Firebaseプロジェクトの正確な名前でプロジェクトを検索してクリックします。私の場合はsociallogin-tutorial-appです。
3. 検索バーを開いてcredentialsを開きます
  1. 検索バーを開きます
  2. credentialsを検索し、APIs and Services（スクリーンショットの2番）をクリックします
4. iOS client for [YOUR_APP_ID] (auto created by Google Service)をクリックします。私の場合はsociallogin-tutorial-appです。
5. Client IDとiOS URL schemeをコピーします。これらがそれぞれiOSClientIdとYOUR_DOT_REVERSED_IOS_CLIENT_IDになります。
  
  iOSClientIdはプラグインのinitializeメソッドで渡し、YOUR_DOT_REVERSED_IOS_CLIENT_IDはこのガイドの次のパートで説明されているように、アプリのInfo.plistファイルで使用します。
Web client IDを取得します
1. Firebase consoleに戻り、Build -> Authenticationに移動します
2. Sign-in methodボタンをクリックします
3. Googleプロバイダーをクリックします
4. Web SDK configurationボタンをクリックします
5. Web client IDをコピーします。これがプラグインのinitializeメソッドのwebClientIdになります。
アプリの Info.plistを変更します
1. Xcodeを開いてInfo.plistファイルを見つけます
2. このファイルを右クリックしてソースコードとして開きます
3. Plistファイルの下部に</dict>タグが表示されます
4. 閉じる</dict>タグの直前に次のフラグメントを挿入します
```
<key>CFBundleURLTypes</key>
<array>
<dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>YOUR_DOT_REVERSED_IOS_CLIENT_ID</string>
  </array>
</dict>
</array>
<key>GIDClientID</key>
<string>YOUR_IOS_CLIENT_ID.apps.googleusercontent.com</string>
```
5. YOUR_DOT_REVERSED_IOS_CLIENT_IDをステップ9でコピーした値（iOS URL scheme）に変更します
  
  この値がcom.googleusercontent.appsで始まることを確認してください
YOUR_IOS_CLIENT_IDをステップ9でコピーしたiOS Client IDに変更します
Command + Sでファイルを保存します

AppDelegate.swiftを変更します

AppDelegateを開きます
ファイルの先頭にimport GoogleSignInを挿入します
func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:])関数を見つけます

関数を次のように変更します

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
    // Called when the app was launched with a url. Feel free to add additional processing here,
    // but if you want the App API to support tracking app url opens, make sure to keep this call

    var handled: Bool

    handled = GIDSignIn.sharedInstance.handle(url)
    if handled {
      return true
    }

    return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
}

Modified application openURL function with GoogleSignIn handling

Command + Sでファイルを保存します

アプリでGoogleログインを使用する

この時点で、アプリでGoogleログインを使用する準備が整いました。サンプルアプリのauthUtils.tsファイルを使用してGoogleで認証してください。

ユーザーは初回サインイン時にFirebase Authで自動的に作成されます

トラブルシューティング

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

idTokenのaudienceがFirebaseのWeb client IDと一致していることを確認してください
Firebase ConsoleでGoogleサインインが有効になっていることを確認してください
Info.plistに正しいURL schemesとGIDClientIDがあることを確認してください
iOSServerClientIdがWeb client IDと一致していることを確認してください
参考としてサンプルアプリコードを確認してください