Pulsa para ir al contenido principal

Iniciar sesión con Google en Firebase para Web

GitHub

El plugin de inicio de sesión social Capacitor No admite plataformas webPara aplicaciones web, utilice directamente la autenticación de Google de Firebase, que ofrece un flujo de autenticación basado en popup más confiable.

El plugin de inicio de sesión social Capacitor está diseñado para plataformas móviles nativas (Android e iOS) donde puede aprovechar flujos de autenticación específicos de la plataforma. Para web, el método nativo de Firebase es: signInWithPopup El método es:

  • ¡Más confiable y mejor soportado
  • ✅ Proporciona un manejo de errores mejorado
  • Mejora el manejo de errores
  • ✅ No se requiere configuración adicional
  1. Configurar proyecto de Firebase

    Asegúrese de que su proyecto de Firebase tenga Google Sign-In habilitado.

    • Vaya a Consola de Firebase
    • Navegue a Autenticación > Método de inicio de sesión
    • Habilitar proveedor de inicio de sesión de Google
  2. Agregue sus dominios autorizados

    1. Vaya a su visor de proyecto en console.cloud.google.com Resumen del Proyecto de Firebase
    2. Abra el Authentication menú Menú de Autenticación de Firebase
    3. Haga clic en el Settings botón Botón de inicio de sesión con Firebase Authentication
    4. Configura el Authorized domains Configuración de Autenticación de Firebase Dominios Autorizados

Sección titulada “Ejemplo de Implementación”

Section titled “Example Implementation”

Ver authUtils.ts archivo en la aplicación de ejemplo para una implementación completa que:

  • Utiliza Firebase’s signInWithPopup para plataformas web
  • Utiliza el plugin de inicio de sesión social Capacitor para Android/iOS.
  • Gestiona la detección de plataforma automáticamente

El ejemplo muestra cómo utilizar el método integrado de Firebase para web mientras utiliza el plugin para plataformas nativas.

Si estás utilizando Iniciar sesión con Google en Firebase para planificar la autenticación y los flujos de cuenta, conecta con Usando @capgo/capacitor-social-login para la capacidad nativa en Usando @capgo/capacitor-social-login @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-social-login @capgo/capacitor-clave de acceso para el detalle de implementación en @capgo/capacitor-passkey @capgo/capacitor-nativo-biometria para el detalle de implementación en @capgo/capacitor-native-biometric, y Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.