跳过内容

Firebase Google Login on Android

GitHub

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

  1. 前往您的项目概览页面,地址为 console.cloud.google.com

    Firebase 项目概览
  2. 点击 Add app 按钮

    Firebase 添加应用按钮 Firebase 添加应用程序按钮
  3. 选择 Android

    Firebase 添加 Android 应用程序按钮
  4. 填写表单的第一部分

    1. 填写 Android package name
      1. 使用 npx cap open android
      2. 在导航器的最底部找到 Gradle Scripts Android Studio 项目导航器中的 Gradle Scripts 部分
      3. 查找 build.gradle 为模块 app build.gradle (Module: app) 文件在 Gradle Scripts 部分
      4. 复制此内容 android.defaultConfig.applicationId这将是您的 package name 在 Firebase 控制台 Build.gradle 文件显示 applicationId 配置
      1. 将其粘贴到 Firebase 控制台 Firebase 添加 App Android 包名字段
    2. 点击此处 Register app button Firebase Android App 添加
  5. 跳过 Download and then add config file 步骤

    Firebase Android App 跳过 '下载并添加配置文件'
  6. 跳过 Add firebase SDK 步骤

    Firebase Android App 跳过 '添加 firebase SDK'
  7. 点击 Continue to console button

    Firebase Android App 进入控制台按钮
  8. 如果您没有自动登录,请前往 settings -> general -> your apps -> 在 Android 设备上找到您的应用程序并点击它

    Firebase 添加应用 Android 设置 General Your Apps 按钮
  9. 获取您的 SHA1 指纹

    按照步骤 10-11 从 Google 登录 Android 设置指南:

    1. 现在打开终端。确保您在应用程序的文件夹中并运行 android 终端显示 gradlew signInReport 命令 ./gradlew signInReport

      滚动到此命令的顶部。您应该看到以下内容。复制
    2. 终端输出显示 SHA1 证书指纹 SHA1.

      注意
  10. 将SHA1添加到Firebase项目

    1. 点击 Add fingerprint 按钮 Firebase添加App Android添加指纹按钮
    2. 将在前一步中复制的SHA1粘贴到这里 Firebase添加App Android添加指纹SHA1字段
    3. 点击 Save 按钮 Firebase 添加 App Android 添加指纹保存按钮
  11. 获取您的 Web 客户端 ID

    1. 前往 Build -> Authentication Firebase 身份验证菜单
    2. 点击 Sign-in method 按钮 Firebase 身份验证登录方式按钮
    3. 点击 Google 提供者 Firebase 身份验证登录方式 Google 提供者
    4. 点击 Web SDK configuration 按钮 Firebase Authentication Sign-in Method Web SDK 配置按钮
    5. 复制 Web client ID. 这将是你的 webClientIdinitialize 插件的
    Firebase Authentication Sign-in Method Web SDK Configuration Web Client ID
  12. Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 配置 Web Client ID

在此阶段,您已经 TECHNICALLY 准备好使用 Android 上的 Google Sign-In 与 Firebase Authentication。然而,我建议在下一步中解释的 Google Cloud 控制台中重新检查设置。

重新检查 Google Cloud 控制台中的设置

标题为“重新检查 Google Cloud 控制台中的设置”

为了确保设置正确,请重新检查 Google Cloud 控制台中的设置。

  1. 前往 console.cloud.google.com

  2. 找到您的项目

    1. 点击项目选择器 Google Cloud Console 项目选择器
    2. 通过您的 Firebase 项目的准确名称搜索您的项目并点击它。在我的情况下,它是 sociallogin-tutorial-app. Firebase 项目选择器项目
  3. 打开搜索栏并打开 credentials

    1. 打开搜索栏 Google Cloud Console 搜索栏
    2. 搜索 credentials 并点击 APIs and Services 第一个(截图中的第 2 项) Google Cloud Console 凭据搜索
  4. 验证您看到列表中同时显示 Android 和 Web 客户端 ID。

    Google Cloud Console Credentials List
  5. 确认 Android 客户端 ID 在 Firebase 控制台中正确配置。

    1. 点击 Android 应用 Google Cloud Console Android App Select
    2. 确认 SHA1 散列值正确配置并与您之前复制的值匹配。 Google Cloud Console Android App SHA1 Configured
  6. 确认 Web 客户端 ID 在 Firebase 控制台中正确配置。

    1. 点击 Web app Google Cloud Console Web App Select
    2. 确认客户端 ID 与之前步骤中复制的 ID 匹配。 Google Cloud Console Web App Client ID 已配置

哇!您现在已经准备好使用 Firebase Authentication 在 Android 上使用 Google Sign-In。

如果认证卡住或失败:

  • 验证 idToken audience 与您的 Firebase Web 客户端 ID 匹配
  • 检查 Firebase 控制台中是否启用了 Google Sign-In
  • 确保 SHA-1 指纹正确配置
  • 查看 code 示例应用

标题:从 Firebase Google Login on Android 继续 如果您正在使用 为了计划身份验证和帐户流程,连接它与 使用 @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 的实现细节, 双因素身份验证 对于双因素身份验证的实现细节