Firebase Google 登录 on iOS

GitHub

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

介绍

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

设置步骤

前往您的项目概览 console.cloud.google.com
点击 Add app button

您可能需要在这里寻找此按钮。仅当您在 Firebase 控制台中已创建不同应用时才适用。
选择 iOS
填写表单的第一部分
1. 填写 Apple bundle ID
  1. 打开 Xcode 并在您的应用程序中使用 npx cap open ios
  2. 双击 App
  3. 确保您在 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.cloud.google.com
2. 找到您的项目
  1. 点击项目选择器
  2. 在 Google Cloud Console 中，搜索 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) 第一个。在我的情况下，它是 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 插件的
修改你的应用程序的 Info.plist
1. 打开 Xcode 并找到 Info.plist 文件
2. Right click this file and open it as source code
3. 在文件底部,您会看到一个 Plist 标签 </dict> Info.plist 文件中的关闭字典标签
4. Info.plist 文件,包含 URL 方案 __CAPGO_KEEP_0__ </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. Info.plist 文件,包含实际的反向客户端 ID YOUR_DOT_REVERSED_IOS_CLIENT_ID 注意事项
  
  __CAPGO_KEEP_0__ 从开始 com.googleusercontent.apps
更改 YOUR_IOS_CLIENT_ID 更改为您在第 9 步中复制的 iOS Client ID
以 Command + S

修改 AppDelegate.swift

打开
在文件顶部 import GoogleSignIn 插入
找到 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 与
检查 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 登录 on iOS

介绍

设置步骤

故障排除

从 Firebase Google Login on iOS 中继续