Firebase Google Login on Web

简介

The Capacitor Social Login plugin 不支持 Web 平台。对于 Web 应用程序，您应使用 Firebase 的内置 Google Sign-In 直接提供更可靠的弹出式身份验证流程。

为什么不在 Web 上使用插件？

The Capacitor Social Login plugin is designed for native mobile platforms (Android and iOS) where it can leverage platform-specific authentication flows. For web, Firebase’s native signInWithPopup ✅ 更可靠和更受支持

• ✅ 自动处理浏览器会话存储
• The __CAPGO_KEEP_0__ Social Login plugin
• ✅ 提供更好的错误处理
• ✅ 不需要任何额外的配置

设置步骤

1. 配置 Firebase 项目

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

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

2. 添加授权域名

   1. 前往您的项目概览 console.cloud.google.com
   2. 打开 Authentication 菜单
   3. 点击 Settings 按钮
   4. 设置 Authorized domains

示例实现

查看以下 authUtils.ts 完整的实现请参见示例应用的

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

示例展示了如何在 Web 平台上使用 Firebase 内置方法，同时在 native 平台上使用插件

更多资源

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

继续 Firebase Google 登录 Web

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