Inicio de sesión de Google con Firebase en Web

Introducción

El plugin Capacitor Social Login no soporta plataformas web. Para aplicaciones web, debes usar el inicio de sesión de Google integrado de Firebase directamente, que proporciona un flujo de autenticación basado en ventanas emergentes más confiable.

¿Por qué no usar el plugin en Web?

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

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

Pasos de configuración

Configurar el proyecto de Firebase

Asegúrate de que tu proyecto de Firebase tenga habilitado el inicio de sesión de Google:
- Ve a la consola de Firebase
- Navega a Authentication > Sign-in method
- Habilita el proveedor de inicio de sesión de Google
Agrega tus dominios autorizados
1. Ve a la descripción general de tu proyecto en console.cloud.google.com
2. Abre el menú Authentication
3. Haz clic en el botón Settings
4. Configura los Authorized domains

Ejemplo de implementación

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

Usa signInWithPopup de Firebase para plataformas web
Usa el plugin Capacitor Social Login para plataformas Android/iOS
Maneja la detección de plataforma automáticamente

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

Recursos adicionales

Documentación de Firebase Authentication - Documentación completa de Firebase Auth
Inicio de sesión de Google con Firebase para Web - Guía oficial de Firebase para el inicio de sesión de Google en web
Guía de configuración de Google Login - Guía para configurar dominios autorizados y la pantalla de consentimiento de OAuth