Firebase iOS Google 登录

GitHub

复制准备

介绍

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

设置步骤

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

选择
Select iOS
填写表单的第一部分
1. 填写 Apple bundle ID
  1. 打开使用您的应用程序的 Xcode npx cap open ios
  2. 双击 Xcode 项目导航器中的 App
  3. 确保您在 Xcode 中选中 Targets -> App
  4. 在 Xcode 项目设置中找到 Bundle Identifier
    本处显示的 ID 将与我后面使用的 ID 不同。我将使用 app.capgo.plugin.SocialLogin 后面使用的 ID
  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. 通过 Firebase 项目的准确名称搜索您的项目并点击它。在我的情况下，它是 sociallogin-tutorial-app.
3. 打开搜索栏并打开 credentials
  1. 打开搜索栏
  2. 搜索 credentials 并点击 APIs and Services 第 2 项（截图中的第 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 button
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> 标签
4. 在 Info.plist 文件中的 Closing 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 将
  
  确保此值从以 com.googleusercontent.apps
更改为 YOUR_IOS_CLIENT_ID 将其更改为您在第 9 步中复制的 iOS 客户端 ID
以 Command + S

修改 AppDelegate.swift

打开 AppDelegate
插入 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 firebase/google/ios/的示例应用程序文件以与Google进行身份验证。

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

故障排除

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

验证您的 idToken 与Firebase Web Client ID匹配
检查Firebase控制台中是否启用了Google Sign-In
确保Info.plist中包含正确的URL方案和GIDClientID
验证 iOSServerClientId 与您的Web Client ID匹配
查看 example app code 用于参考

如果您正在使用 Firebase iOS Google 登录 来规划身份验证和帐户流程，连接它到使用 @capgo/capacitor-social-login 为在使用 @capgo/capacitor-social-login 中的原生能力 @capgo/capacitor-社交登录用于在 @capgo/capacitor-social-login 中的实现细节 @capgo/capacitor-passkey 为 @capgo/capacitor-passkey 的实现细节 @capgo/capacitor-native-biometric 为 @capgo/capacitor-native-biometric 的实现细节, 和双因素认证为双因素认证的实现细节

Firebase iOS Google 登录

介绍

设置步骤

故障排除

从 Firebase Google Login on iOS 中继续