Firebase Google Login on Web

简介

Capacitor 社交登录插件 不支持 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 ✅ 更可靠和更好的支持

• ✅ 自动处理浏览器会话存储
• ✅ 提供更好的错误处理
• Section titled “Why Not Use the Plugin on Web?”
• ✅ 不需要额外的配置

设置步骤

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 示例应用中的文件，完整的实现如下：

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

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

额外资源

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

从 Firebase Google Login on Web 中继续

如果您正在使用 Firebase Google Login on Web 来规划身份验证和帐户流程，连接它到 使用 @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 的实现细节, 和 双因素认证 为双因素认证的实现细节。