Firebase Google Login sur Web
Copiez un prompt de configuration avec les étapes d'installation et la guide markdown complète pour ce plugin.
Introduction
Section intitulée « Introduction »Le plugin de connexion sociale Capacitor ne prend pas en charge les plateformes webPour les applications web, utilisez la connexion Google Sign-In intégrée de Firebase, qui propose un flux d'authentification basé sur popup plus fiable.
Pourquoi Ne Pas Utiliser le Plugin sur Web ?
Section intitulée « Pourquoi Ne Pas Utiliser le Plugin sur Web ? »Le plugin de connexion sociale Capacitor est conçu pour les plateformes mobiles natives (Android et iOS) où il peut tirer parti des flux d'authentification spécifiques à la plateforme. Pour le web, la méthode native de Firebase est : signInWithPopup La méthode est :
- ✅ Plus fiable et mieux soutenu
- ✅ fournit un meilleur traitement des erreurs
- Fournit une gestion des erreurs améliorée
- ✅ Pas de configuration supplémentaire nécessaire
-
Configurer le projet Firebase
Assurez-vous que votre projet Firebase a Google Sign-In activé :
- Allez à Console Firebase
- Accédez à l'authentification > Méthode de connexion
- Activer le fournisseur Google Sign-In
-
Ajoutez vos domaines autorisés
- Allez à votre vue d'ensemble du projet sur console.cloud.google.com
- __CAPGO_KEEP_0__
Authenticationmenu
- Cliquez sur le
Settingsbutton
- Configurez les
Authorized domains
- Allez à votre vue d'ensemble du projet sur console.cloud.google.com
Exemple d'implémentation
Section intitulée « Exemple d'implémentation »Consultez le authUtils.ts fichier dans l'application d'exemple pour une mise en œuvre complète qui :
- Utilise les services de
signInWithPopuppour les plateformes web - Utilise le plugin de connexion sociale Capacitor pour les plateformes Android/iOS
- Gère automatiquement la détection de plateforme
L'exemple montre comment utiliser la méthode intégrée de Firebase pour les plateformes web tout en utilisant le plugin pour les plateformes natives.
Ressources supplémentaires
Section intitulée « Ressources supplémentaires »- Documentation d'authentification Firebase - Documentation complète d'authentification Firebase
- Firebase Google Sign-In pour Web - Guide officiel de 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
Continuez avec Firebase Google Login sur le Web
Section intitulée « Continuez avec Firebase Google Login sur le Web »Si vous utilisez Firebase Google Login sur le Web pour planifier l'authentification et les flux de compte, connectez-l’avec Utilisez @capgo/capacitor-social-login pour la capacité native dans Utilisez @capgo/capacitor-social-login, @capgo/capacitor-connexion-social pour le détail d'implémentation dans @capgo/capacitor-social-login, à capgo/capacitor-passkey pour les détails 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 dans Authentification à deux facteurs.