Firebase Google Login sur le web

Introduction

Le plugin Social Login Capacitor ne supporte pas les plateformes webPour les applications web, vous devriez utiliser directement le Google Sign-In intégré de Firebase, qui offre un flux d'authentification par popup plus fiable.

Pourquoi ne pas utiliser le plugin sur le web ?

Le plugin Capacitor Social Login est conçu pour les plateformes mobiles natives (Android et iOS), où il peut exploiter les flux d'authentification spécifiques à la plateforme. Pour le web, la méthode native de Firebase signInWithPopup est :

• ✅ Plus fiable et mieux supportée
• ✅ Gère automatiquement le stockage de session du navigateur
• ✅ Offre une meilleure gestion des erreurs
• ✅ Aucune configuration supplémentaire requise

Setup Steps

1. Configurer le projet Firebase

   Assurez-vous que la connexion Google est activée dans votre projet Firebase :

   • Allez dans Console Firebase
   • Allez dans Authentication > Méthode de connexion
   • Activez le fournisseur Google

2. Ajoutez vos domaines autorisés

   1. Accédez à la vue d'ensemble de votre projet sur console.cloud.google.com
   2. Ouvrez le Authentication menu
   3. Cliquez sur le Settings bouton
   4. Configurez les Authorized domains

Exemple d'implémentation

Consultez le authUtils.ts dans l'application d'exemple pour une implémentation complète qui :

• Utilise Firebase signInWithPopup pour les plateformes web
• Utilise le plugin Capacitor Social Login pour les plateformes Android/iOS
• Gère la détection de la plateforme automatiquement

L'exemple montre comment utiliser la méthode native de Firebase pour le web tout en utilisant le plugin pour les plateformes natives.

Ressources complémentaires

• Documentation Firebase Authentication - Documentation complète de Firebase Auth
• Firebase Google Sign-In pour le web - Guide officiel Firebase pour Google Sign-In sur le web
• Guide de configuration de Google Login - Guide pour configurer les domaines autorisés et l'écran de consentement OAuth

Continuer avec Firebase Google Login sur le web

Si vous utilisez Firebase Google Login sur le web pour planifier l'authentification et les flux de comptes, connectez-l’à Utiliser @capgo/capacitor-social-login pour la capacité native dans « Utiliser @capgo/capacitor-social-login », @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-native-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour les détails d'implémentation de l'authentification à deux facteurs.