Google FirebaseのiOS用ログイン

導入

このガイドでは、iOSでGoogle Sign-InとFirebase Authenticationを統合する方法を説明します。iOSでGoogle Sign-InとFirebase Authenticationを統合する方法を説明します。 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. Xcodeプロジェクトナビゲータでアプリのターゲットに移動していることを確認してください Targets -> App
      4. 探してください Bundle Identifier

         注意

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

      5. コピーして Bundle Identifier Firebaseコンソールに貼り付けます
   2. ボタンをクリックします Register app __CAPGO_KEEP_0__

5. この Download config file ステップ

   

6. この Add firebase SDK ステップ

   

7. この Add initialization code ステップ

   

8. ボタンをクリックしてください Continue to console Firebase アプリを追加 iOS 登録ボタン

   

9. iOSクライアントIDと YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Google Cloudコンソールに移動してください console.cloud.google.com

   2. プロジェクトを探してください

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

   3. 検索バーを開いてください credentials

      1. 検索バーを開いてください
      2. 検索して credentials とクリックして APIs and Services 1 (スクリーンショットの 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.

      注意

      プラグインの iOSClientId を通してパスする initialize プラグインの YOUR_DOT_REVERSED_IOS_CLIENT_ID を使用します Info.plist アプリの

      

10. Google Cloud Consoleのクレデンシャル

    1. iOS Client IDをコピーする Build -> Authentication
    2. Firebaseコンソールに戻り、 Sign-in method Firebase Authenticationメニューに移動し、
    3. この Google プロバイダー
    4. この Web SDK configuration ボタン
    5. この Web client IDをコピーしてください。 これはプラグインの webClientId の方法です。 initialize Firebase Authentication サインイン方法 Web __CAPGO_KEEP_0__ 設定 Web Client ID

11. アプリの Info.plist を変更する

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

       

    2. Right click this file and open it as source code

       

    3. ファイルの下部に、 Plist タグ </dict> Info.plist ファイルの Closing dict タグ

       

    4. __CAPGO_KEEP_0__ </dict> __CAPGO_KEEP_0__

       

       <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 URLスキームに __CAPGO_KEEP_0__ を挿入した Info.plist

13. ファイルを保存してください Command + S

14. ファイルを修正してください AppDelegate.swift

    1. XcodeプロジェクトナビゲータでAppDelegateを開いてください

       

    2. 挿入 import GoogleSignIn AppDelegate.swiftファイルの先頭にGoogleSignIn importを追加してください

       

    3. AppDelegate.swiftファイルで func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) AppDelegate.swiftファイルで

       

    4. AppDelegate.swiftファイルで

       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に作成されます。

トラブルシューティング

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

• FirebaseのWebクライアントIDと一致する idToken アクセス可能なユーザー
• Google Sign-Inを有効にしたことを確認する
• FirebaseコンソールでInfo.plistに正しいURLスキームとGIDClientIDが含まれていることを確認する
• 確認する iOSServerClientId ウェブクライアントIDと一致することを確認する
• 例として code 参考

Firebase Google Login on iOSから続ける

Firebase Google Login on iOSを使用して認証とアカウントフローの計画を行っている場合、 それをCapacitorと接続する Firebase Google Login on iOSから続ける Capacitor @capgo/capacitor-social-login Capacitor @capgo/capacitor-social-login Capacitor @capgo/capacitor-social-login Capacitor @capgo/capacitor-social-login Capacitor @capgo/capacitor-passkey Capacitor @capgo/capacitor-passkey Capacitor @capgo/capacitor-native-biometric Capacitor @capgo/capacitor-native-biometric Capacitor @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-biometric 都安突認話