Firebase Google Login on iOS

導入

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

__CAPGO_KEEP_0__

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

セットアップ手順

1. Firebase Consoleのプロジェクト概要ページに移動してください。 console.cloud.google.com

   

2. この Add app button

   

   注意

   このボタンはすでに別のアプリを作成している場合は、ここで確認する必要がある可能性があります。

   

3. Select iOS

   

4. Fill the first part of the form

   1. Fill the first part of the form Apple bundle ID
      1. Fill npx cap open ios
      2. Open Xcode at your app using App
      3. App target in Xcode project navigator Targets -> App
      4. Targets section in Xcode with App selected Bundle Identifier

         Note

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

      5. Copy the Bundle Identifier をコピーし、
   2. Click on the Register app button

5. Skip the Download config file step

   

6. ダウンロードをスキップする Add firebase SDK ステップ

   

7. ダウンロードをスキップする Add initialization code Firebase

   

8. ステップ Continue to console iOSアプリにFirebaseを追加する

   

9. __CAPGO_KEEP_0__ YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. ボタンをクリックする console.cloud.google.com

   2. プロジェクトを探す

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

   3. 検索バーを開き credentials

      1. 検索バーを開き
      2. 検索して credentials とクリックしてください APIs and Services 2 番目の (スクリーンショットの 2 番目)

   4. Click on the iOS client for [YOUR_APP_ID] (auto created by Google Service) 1. 私の場合は sociallogin-tutorial-app.

      

   5. 資格情報の Client ID 資格情報の iOS URL scheme資格情報のコピーをします。 iOSClientId と YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      注意

      資格情報を入力します。 iOSClientId Capgo で initialize プラグインのメソッドを使用しながら、次のこのガイドの部分で説明されているように、 YOUR_DOT_REVERSED_IOS_CLIENT_ID アプリのファイル内で使用します。 Info.plist Google Cloud Consoleのクレデンシャル

      

10. WebクライアントIDを取得

    1. Firebaseコンソールに戻り、 Build -> Authentication
    2. ボタン Sign-in method Firebase Authenticationサインイン方法
    3. サインインプロバイダーをクリックします。 Google サインインプロバイダーをクリック
    4. をクリックしてください。 Web SDK configuration ボタン
    5. をコピーしてください。 これがあなたの Web client IDに表示されます。 webClientId の方法です。 initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 設定 Web Client ID

11. のファイル

    1. を探してください。 Info.plist ファイル

       

    2. このファイルを右クリックし、ソースとして開きます code

       

    3. 下部の Plist ファイル </dict> 中には

       

    4. Info.plistファイル内のdictタグの閉じ </dict> Info.plistファイルの閉じ

       

       <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スキーム）

       

       注意

       この値が 始まるように に変更 com.googleusercontent.apps

12. ステップ9でコピーしたiOS Client IDに設定 YOUR_IOS_CLIENT_ID ファイルを

13. 修正 Command + S

14. AppDelegateを開く AppDelegate.swift

    1. Open the AppDelegate

       

    2. 挿入 import GoogleSignIn ファイルの先頭に追加

       

    3. 以下の func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) 関数

       

    4. 関数を次のように変更

       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)
       }

       

    5. ファイルを保存 Command + S

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

    このステップでは、Googleログインをアプリに使用する準備が整っています。 Googleログインを使用するには、 __CAPGO_KEEP_0__ 例のアプリのauthUtils.tsファイルを使用して、Googleと認証してください。

初回のサインイン時に、Firebase Authにユーザーが自動的に作成されます。

トラブルシューティング

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

• Firebase Web Client IDと一致するように idToken Firebase ConsoleでGoogle Sign-Inが有効になっていることを確認してください。
• Info.plistファイルに正しいURLスキームとGIDClientIDが含まれていることを確認してください。
• Firebase Web Client IDと一致するように
• Verify iOSServerClientId matches your web client ID
• Review the example app code for reference

Keep going from Firebase Google Login on iOS

If you are using Firebase Google Login on iOS to plan authentication and account flows, connect it with Using @capgo/capacitor-social-login @capgo/capacitor-social-login for iOSのnative capabilityのために使用する @capgo/capacitor-social-login for iOSのnative capabilityのために使用する 実装詳細については @capgo/capacitor-social-login に @capgo/capacitor-passkey 実装詳細については @capgo/capacitor-passkey に @capgo/capacitor-native-biometric 実装詳細については @capgo/capacitor-native-biometric、 2要素認証 実装詳細については 2要素認証 に