Firebase Google Login on iOS

GitHub

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

介绍

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

设置步骤

前往您的项目概览页面（位于 console.cloud.google.com） Firebase 项目概览
添加应用按钮 Add app Firebase 添加应用按钮

可能需要在这里寻找此按钮。仅当您已在 Firebase Console 中创建了不同的应用时才适用。
选择 iOS
填写表单的第一部分
1. 填写 Apple bundle ID
  1. 打开使用 Capgo 的 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 button
跳过 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) 项。在我的情况下，它是 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. 在 Info.plist 文件的关闭标签之前插入以下片段 </dict> 在 Info.plist 文件的关闭标签之前插入以下片段
```
<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
STARTS 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与目标受众匹配
检查 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 Login on iOS

介绍

设置步骤

故障排除

继续从 Firebase Google Login on iOS