Inicio de sesión de Google en Firebase

Introducción

El Capacitor plugin de inicio de sesión social no soporta plataformas web. Para aplicaciones web, debe utilizar el inicio de sesión de Google de Firebase de manera directa, que proporciona un flujo de autenticación basado en ventanas más confiable.

¿Por qué No Usar el Plugin en Web?

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, Firebase’s native signInWithPopup método es:

• ✅ Más confiable y mejor soportado
• ✅ Maneja el almacenamiento de sesión del navegador automáticamente
• ✅ Proporciona un manejo de errores mejorado
• ✅ No se necesita configuración adicional

Pasos de Configuración

1. Configura el proyecto de Firebase

   Asegúrate de que tu proyecto de Firebase tenga Google Sign-In habilitado:

   • Ve a Consola de Firebase
   • Navega a Autenticación > Método de inicio de sesión
   • Habilita el proveedor de inicio de sesión de Google

2. Agrega tus dominios autorizados

   1. Ve a la visión general de tu proyecto en console.cloud.google.com
   2. Abre el Authentication menú
   3. Haga clic en el Settings botón
   4. Configuración de los Authorized domains

Implementación de ejemplo

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

• Utiliza la autenticación de Firebase’s signInWithPopup para plataformas web
• Utiliza el plugin de inicio de sesión social Capacitor para Android/iOS
• Detecta automáticamente las plataformas

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

Recursos Adicionales

• Documentación de Autenticación de Firebase - Documentación completa de autenticación de Firebase
• Autenticación de Google de Firebase para Web - Guía oficial de Firebase para inicio de sesión de Google en web
• Guía de Configuración de Inicio de Sesión de Google - Guía para configurar dominios autorizados y pantalla de consentimiento de OAuth

Sigue adelante desde Google Login en Firebase en Web

Si estás utilizando Google Login en Firebase en Web para planificar la autenticación y los flujos de cuenta, conecta con Usando @capgo/capacitor-login-social para la capacidad nativa en Usando @capgo/capacitor-login-social, @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social, @capgo/capacitor-clave-privada para el detalle de implementación en @capgo/capacitor-clave-privada, @capgo/capacitor-biometría-nativa para el detalle de implementación en @capgo/capacitor-biometría nativa, y Autenticación de dos factores para el detalle de implementación en Autenticación de dos factores.