在 Web 上使用 Firebase Google 登录

介绍

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

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

The Capacitor 社会登录插件是专为原生移动平台 (Android 和 iOS) 设计的，它可以利用平台特定的身份验证流程。对于 Web，Firebase 的原生方法是： signInWithPopup 方法：

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

设置步骤

1. 配置 Firebase 项目

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

   • 前往 Firebase 控制台
   • 转到身份验证 > 登录方式
   • 启用 Google 登录提供者

2. 添加授权域名

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

示例实现

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

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

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

更多资源

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