跳转到内容
Capgo

Firebase Google Login on Web

简介

Section titled “简介”

Capacitor Social Login 插件不支持 Web 平台。对于 Web 应用程序，您应该直接使用 Firebase 内置的 Google 登录，它提供了更可靠的基于弹出窗口的身份验证流程。

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

Section titled “为什么不在 Web 上使用该插件？”

Capacitor Social Login 插件专为原生移动平台（Android 和 iOS）设计，它可以利用特定于平台的身份验证流程。对于 Web，Firebase 原生的 signInWithPopup 方法：

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

设置步骤

Section titled “设置步骤”

  1. 配置 Firebase 项目

    确保您的 Firebase 项目已启用 Google 登录：

    • 转到 Firebase 控制台
    • 导航到身份验证 > 登录方法
    • 启用 Google 登录提供商

  2. 添加您的授权域

    1. 在 console.cloud.google.com 转到项目概览 Firebase Project Overview
    2. 打开 Authentication 菜单 Firebase Authentication Menu
    3. 点击 Settings 按钮 Firebase Authentication Sign-in Method Button
    4. 设置 Authorized domains Firebase Authentication Settings Authorized Domains

示例实现

Section titled “示例实现”

查看示例应用中的 authUtils.ts 文件以获取完整实现，它：

  • 在 Web 平台上使用 Firebase 的 signInWithPopup
  • 在 Android/iOS 平台上使用 Capacitor Social Login 插件
  • 自动处理平台检测

该示例展示了如何在 Web 上有条件地使用 Firebase 的内置方法，同时在原生平台上使用插件。

其他资源

Section titled “其他资源”