Firebase Google 网页登录

简介

Capacitor 社交登录插件 不支持Web平台对于 Web 应用程序，您应该直接使用 Firebase 的内置 Google Sign-In，提供更可靠的弹出式身份验证流程。

为什么不在Web上使用插件

Capacitor 社交登录插件是为native移动平台（Android和iOS）设计的，可以利用平台特定的身份验证流程。对于Web，Firebase的native方法是： signInWithPopup ✅ 更可靠和更好的支持

• ✅ 自动处理浏览器会话存储
• ✅ 提供更好的错误处理
• ✅
• ✅ 不需要额外的配置

设置步骤

1. 配置 Firebase 项目

   确保您的 Firebase 项目已启用 Google Sign-In:

   • 前往 Firebase 控制台
   • 导航到身份验证 > 登录方法
   • 启用 Google Sign-In 提供者

2. 添加授权域名

   1. 前往您的项目概览 console.cloud.google.com
   2. __CAPGO_KEEP_0__ Authentication 菜单
   3. __CAPGO_KEEP_0__ Settings 按钮
   4. __CAPGO_KEEP_0__ Authorized domains

示例实现

看一下 authUtils.ts 示例应用程序中的文件，完整的实现如下：

• 使用 Firebase 的 signInWithPopup 适用于 web 平台的
• 使用 Capacitor 社交登录插件的 Android/iOS 平台
• 自动检测平台

示例演示如何在使用 Firebase 的 web 内置方法的同时，使用插件来处理 native 平台。

额外资源

• Firebase 身份验证文档 - 完整的 Firebase Auth 文档
• Firebase Google Web 登录 - Firebase 官方指南：在 Web 上使用 Google Sign-In
• Google 登录设置指南 - 配置授权域名和 OAuth 同意屏幕的指南

从 Firebase Google Login on Web 中继续

如果您正在使用 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-原生生物识别 了解@capgo/capacitor-native-biometric的实现细节，以及 双因素认证 了解双因素认证的实现细节。