Firebase Google Login on iOS

このプラグインのインストール手順と全体のマークダウンガイドを含むセットアップコマンドをコピーします。

導入

このガイドでは、iOSでGoogle Sign-InとFirebase Authenticationを統合する方法を説明します。iOSでGoogle Sign-InとFirebase Authenticationを統合する方法を説明します。 Firebase Google の一般的な設定.

セットアップステップ

プロジェクトの概要画面に移動します。 console.cloud.google.com
「アプリを追加する」ボタンをクリックします。 Add app ボタン

Firebase Consoleで別のアプリを作成している場合、このボタンはここで見つける必要があるかもしれません。
選択 iOS
フォームの最初の部分を埋めます
1. フォームの Apple bundle ID
  1. Xcodeでアプリを使用している npx cap open ios
  2. Xcodeプロジェクトナビゲータで App
  3. Xcodeプロジェクトナビゲータでアプリのターゲットに移動していることを確認します Targets -> App
  4. あなたの Bundle Identifier
    ここで表示されるIDは、後半のガイドで使用するIDと異なります。後半のガイドで使用するIDは app.capgo.plugin.SocialLogin 後半のガイドで
  5. コピーし、Firebaseコンソールにペーストしてください Bundle Identifier FirebaseコンソールのAdd App iOS Bundle IDフィールド
2. __CAPGO_KEEP_0__ Register app __CAPGO_KEEP_0__
手順をスキップします Download config file ステップ
手順をスキップします Add firebase SDK ステップ
手順をスキップします Add initialization code ステップ
ボタンをクリックしてください Continue to console ステップ
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.
  
  このプラグインの iOSClientId を通して、を取得します。 initialize の YOUR_DOT_REVERSED_IOS_CLIENT_ID を使用します。 Info.plist の
Google Cloud Consoleのクレデンシャル
1. iOS Client IDをコピーする Build -> Authentication
2. Firebaseコンソールに戻り、 Sign-in method Firebase Authenticationメニューに移動する
3. このボタンをクリックしてください Google プロバイダー
4. このボタンをクリックしてください Web SDK configuration ボタン
5. この設定をコピーしてください。これは、プラグインの設定ファイルの __CAPGO_KEEP_0__ になります。 Web client IDFirebase Authentication サインイン方法 Web __CAPGO_KEEP_0__ 設定 Web クライアント ID webClientId Firebase Authentication サインイン方法 initialize プロバイダー
アプリの Info.plist を変更する
1. Xcode を開き、プロジェクトナビゲーターで Info.plist ファイル
2. このファイルを右クリックし、ソースとして開く code
3. ファイルの下部に、 Plist ファイルの下部に、 </dict> タグ
4. クロージング dict タグの直前に、以下のフラグメントを挿入する </dict> クロージング 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 スキーム) にコピーした値に変更します
  
  この値がはステップ 9 にコピーした iOS Client ID に変更します com.googleusercontent.apps
は YOUR_IOS_CLIENT_ID STARTS
ファイルを保存してください Command + S

ファイルを変更してください AppDelegate.swift

XcodeプロジェクトナビゲータでAppDelegateを開いてください
挿入 import GoogleSignIn AppDelegate.swiftファイルの先頭にGoogleSignIn importを追加してください
AppDelegate.swiftファイルで func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) AppDelegate.swiftファイルで

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

GoogleSignInを使用したアプリケーションオープンURL関数を変更しました。

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

アプリケーションでGoogleログインを使用する方法

このステップで、Googleログインをアプリケーションで使用できるようになりました。 Googleログインを使用するには、 authUtils.ts 例のアプリケーションでGoogleに認証するために使用するファイルです。

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

トラブルシューティング

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

Firebase web client IDと一致するアクセス対象者を確認してください。 idToken __CAPGO_KEEP_0__
Google Sign-In を Firebase Console で有効にしますか?
Info.plist に正しい URL スキームと GIDClientID が含まれていることを確認します。
確認 iOSServerClientId ウェブクライアント ID と一致します。
例のアプリケーション __CAPGO_KEEP_0__ を参照してください。 example app code Firebase Google Login on iOS から続けてください。

Firebase Google Login on iOS を使用して認証とアカウントフローの計画を行っている場合 それを Capgo と接続します。 Capgo Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and Edit page Previous

Firebase Google Login on iOS

導入

セットアップ ステップ

トラブルシューティング

「Firebase Google Login on iOS から続けてください。」というセクション

セットアップステップ