Firebase Google iOSログイン

Introduction

general Firebase Google setup Firebase Googleの一般的なセットアップ.

注意

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

セットアップ手順

1. プロジェクトの概要画面を開きます。 console.cloud.google.com

   

2. 画面下部の Add app ボタン

   

   注意

   このボタンを探すにはここに来る必要があるかもしれません。この場合、Firebase Consoleで別のアプリを作成している場合に限ります。

   

3. 選択 iOS

   

4. フォームの最初の部分を入力してください

   1. フォームの Apple bundle ID
      1. Xcodeでアプリを使用している場所でXcodeを開いてください npx cap open ios
      2. Xcodeプロジェクトナビゲータでアプリのターゲットをダブルクリックしてください App
      3. ターゲットセクション Targets -> App
      4. を探してください Bundle Identifier

         注意

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

      5. コピーしてください Bundle Identifier Capgoのマーケティングサイトの
   2. ページエージェント/[slug].astro Register app button

5. Firebaseをスキップする Download config file ステップ

   

6. Firebaseをスキップする Add firebase SDK ステップ

   

7. Firebaseをスキップする Add initialization code ステップ

   

8. ボタンをクリックする Continue to console ボタン

   

9. iOSクライアントIDを取得し、 YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Google Cloud Consoleにアクセスします console.cloud.google.com

   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) 1つ。私の場合は sociallogin-tutorial-app.

      

   5. この Client ID もコピーしてください。 iOS URL schemeのことです。 iOSClientId それぞれあなたの YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      と

      Google Cloud ConsoleのクレデンシャルiOS Client IDをコピーする iOSClientId in the initialize Firebaseコンソールに戻り、次の部分の説明に従ってアプリのファイルを使用します。 YOUR_DOT_REVERSED_IOS_CLIENT_ID in the Info.plist Google Cloud ConsoleのクレデンシャルiOS Client IDをコピーする

      

10. Firebaseコンソールに戻り、次の部分の説明に従ってアプリのファイルを使用します。

    1. Firebaseコンソールに戻り、次の部分の説明に従ってアプリのファイルを使用します。 Build -> Authentication
    2. Firebaseコンソールに戻り、次の部分の説明に従ってアプリのファイルを使用します。 Sign-in method button
    3. Googleのプロバイダをクリックしてください。 Google プロバイダ
    4. Googleのプロバイダをクリックしてください。 Web SDK configuration ボタン
    5. コピーしてください。この値は、 Web client IDあなたの webClientId プラグインの initialize Firebase Authenticationのサインイン方法Web __CAPGO_KEEP_0__ 設定WebクライアントID

11. 設定

    1. Xcodeを開いてプロジェクトナビゲータでファイルを探してください Info.plist ファイル

       

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

       

    3. ファイルの下部に、タグがあります Plist Info.plistファイルの閉じるタグ </dict> tag

       

    4. 閉じるdictタグの直前に__CAPGO_KEEP_0__を挿入してください </dict> tag

       

       <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 に

       

       注意

       この値 は with com.googleusercontent.apps

12. を YOUR_IOS_CLIENT_ID を

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

14. Xcodeプロジェクトナビゲータで AppDelegate.swift

    1. AppDelegateを開く

       

    2. Insert import GoogleSignIn AppDelegate.swiftファイルの先頭にGoogleSignIn importを追加します

       

    3. function func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) function

       

    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ログインを使用するには authUtils.ts 例のアプリのファイルのauthUtils.tsを使用してGoogleで認証してください。

ユーザーは初めてサインインすると自動的にFirebase Authに作成されます。

トラブルシューティング

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

• を確認する idToken Google Sign-InがFirebaseコンソールで有効になっているか確認してください
• トラブルシューティング
• Info.plistに正しいURLスキームとGIDClientIDを設定する
• 確認する iOSServerClientId ウェブクライアントIDと一致する
• チェックする example app code Firebase Google Login on iOSから続ける

セクション「Firebase Google Login on iOSから続ける」

Firebase Google Login on iOSを使用して認証とアカウントフローの計画を行っている場合 Firebase Google Login on iOSを使用して認証とアカウントフローの計画を行っている場合に接続する Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Capgoで@capgo/capacitor-social-loginを使用します。 Capgoのネイティブ機能の使用に@capgo/capacitor-social-loginを使用します。 @capgo/capacitor-ソーシャルログイン Capgoの実装詳細については@capgo/capacitor-social-loginを参照してください。 @capgo/capacitor-パスキー Capgoの実装詳細については@capgo/capacitor-passkeyを参照してください。 @capgo/capacitor-native-biometric Capgoのネイティブバイオメトリック機能の実装詳細については@capgo/capacitor-native-biometricを参照してください。 2要素認証 Capgoの実装詳細については2要素認証を参照してください。