Firebase Google 登录 (iOS)

GitHub

复制一个包含安装步骤和本插件的完整Markdown指南的设置提示。

介绍

本指南将帮助您在iOS上将Google Sign-In与Firebase Authentication集成。假设您已经完成了 Firebase Google 通用设置.

设置步骤

前往您的项目概览页面（位于 console.cloud.google.com
点击 Add app 按钮

可能需要在这里寻找此按钮。仅当您已在 Firebase 控制台中创建了不同的应用时才适用。
选择 iOS
填写表单的第一部分
1. 填写 Apple bundle ID
  1. 打开使用 Xcode 的应用 npx cap open ios
  2. 双击 Xcode 项目导航器中的 App
  3. 确保您位于 Targets -> App
  4. 找到您的 Bundle Identifier
    这里显示的ID与我后面使用的ID会有所不同。后面我将使用 app.capgo.plugin.SocialLogin 后面我将使用
  5. 复制并粘贴到Firebase控制台 Bundle Identifier Firebase控制台中的iOS Bundle ID添加应用
2. 按钮 Register app targetLanguage
跳过 Download config file 步骤
跳过 Add firebase SDK 步骤
跳过 Add initialization code 步骤
点击 Continue to console 按钮
获取您的 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 第 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 文件中的
返回到 Firebase 控制台并转到
1. Firebase 身份验证菜单 Build -> Authentication
2. 按钮 Sign-in method Google Cloud Console Credentials iOS Client ID 复制
3. 点击 Google 提供者
4. 点击 Web SDK configuration 按钮
5. 复制 Web client ID。这将是您的 webClientId 在 initialize 插件的登录方式
修改您的应用程序的 Info.plist
1. 打开 Xcode 并找到 Info.plist 文件
2. 右键单击此文件并以源代码 code 的形式打开
3. 文件底部，您将看到一个 Plist 标签 </dict> Info.plist 文件中的关闭字典标签
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 方案的值
  
  确保这个值以更改为步骤 9 中复制的 iOS Client ID com.googleusercontent.apps
确保这个值 YOUR_IOS_CLIENT_ID 以
在 Xcode 项目导航器中打开AppDelegate.swift 文件 Command + S

修改 AppDelegate.swift

打开AppDelegate
插入 import GoogleSignIn 在AppDelegate.swift 文件顶部添加 GoogleSignIn 导入语句
函数 func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) 找到AppDelegate.swift 文件中的原始应用程序openURL函数

复制到剪贴板

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

另存为 Command + S

使用Google登录在您的应用程序中

在这个阶段，您已经准备好在应用程序中使用Google登录。请使用 authUtils.ts 示例应用程序中的文件以使用Google进行身份验证。

用户将在首次登录Firebase Auth时自动创建

故障排除

如果身份验证卡住或失败:

验证 idToken 您的Firebase Web客户端ID与目标受众匹配
检查 Firebase 控制台中是否启用了 Google Sign-In
确保 Info.plist 中的 URL 方案和 GIDClientID 正确
验证 iOSServerClientId 与您的 Web 客户端 ID 匹配
查看示例应用程序 code 以参考

如果您正在使用 Firebase Google Login on iOS 来规划身份验证和帐户流程，连接它使用@capgo/capacitor-social-login 为原生能力在使用@capgo/capacitor-social-login @capgo/capacitor-social-login 为实现细节在@capgo/capacitor-social-login @capgo/capacitor-passkey 为实现细节在@capgo/capacitor-passkey @capgo/capacitor-native-biometric 为实现细节在@capgo/capacitor-native-biometric，并且双因素认证为实现细节在双因素认证

Firebase Google 登录 (iOS)

介绍

设置步骤

故障排除

继续从 Firebase Google Login on iOS