Firebase Google Login on Web

简介

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

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

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

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

设置步骤

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 使用 __CAPGO_KEEP_0__ 社交登录插件
• Uses Capacitor Social Login plugin for Android/iOS platforms
• 示例展示了如何在 web 平台使用 Firebase 内置方法，而在 native 平台使用插件

额外资源

标题为“额外资源”

• Firebase Auth 文档 - 完整 Firebase Auth 文档
• Firebase Google Sign-In for Web - Firebase 官方指南：在 Web 上使用 Google Sign-In
• Google Login Setup Guide - 配置授权域名和 OAuth 同意屏幕的指南

Keep going from Firebase Google Login on Web

如果您正在使用 Firebase Google Login on Web 来规划身份验证和帐户流程，连接它到 使用 @capgo/capacitor-social-login 为在使用 @capgo/capacitor-social-login 中的原生能力 使用 @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and Two-factor authentication for the implementation detail in Two-factor authentication.