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 目标 App
  3. 在 Xcode Targets 部分中选中 App Targets -> App
  4. 找到你的 Bundle Identifier
    本指南中显示的ID与我将在后续步骤中使用的ID会有所不同。 app.capgo.plugin.SocialLogin 后续步骤中
  5. 复制 Bundle Identifier 并粘贴到Firebase控制台
2. 点击 Register app 按钮
跳过 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 文件中，正如本指南的下一部分所解释的那样。
获取您的 Web 客户端 ID
1. 返回到 Firebase 控制台并转到 Build -> Authentication
2. 点击 Sign-in method 按钮
3. 点击 Google 服务提供商
4. 点击 Web SDK configuration 按钮
5. 复制 Web client ID. 这将是你的 webClientId 在 initialize 插件的方法中.
修改你的 app 的 Info.plist
1. 打开 Xcode 并在 Xcode 项目导航器中找到文件 Info.plist __CAPGO_KEEP_0__
2. 右键点击此文件并以源代码形式打开 code
3. 您的文件底部会看到一个 Plist Info.plist 文件中的 </dict> Info.plist 文件中的
4. Info.plist 文件中插入以下片段，紧接着关闭 </dict> Info.plist 文件中插入 URL 方案 __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_scheme 值
  
  确保这个值以修改为 com.googleusercontent.apps
修改为步骤 9 中复制的 iOS Client ID YOUR_IOS_CLIENT_ID 保存文件
确保这个值以 Command + S

修改 AppDelegate.swift

打开AppDelegate
在 import GoogleSignIn AppDelegate.swift文件的顶部添加
找到 func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) 函数

修改函数以如下方式

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匹配
确保 Info.plist 中的 URL 方案和 GIDClientID 正确
验证 iOSServerClientId 与您的 Web 客户端 ID 匹配
查看示例应用程序 code 以参考

如果您正在使用 Firebase Google 登录 来规划身份验证和帐户流程，连接它使用 @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 登录