Firebase Google Login sur Web
Copiez un prompt de configuration avec les étapes d'installation et le guide markdown complet pour ce plugin.
Introduction
Sous-section intitulée « Introduction »Le plugin de connexion sociale Capacitor ne prend pas en charge les plateformes web.Pour les applications web, vous devriez utiliser Google Sign-In intégré de Firebase directement, qui fournit un flux d'authentification basé sur des fenêtres popup plus fiable.
Pourquoi Ne Pas Utiliser le Plugin sur Web?
Sous-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. signInWithPopup Pour web, la méthode native de Firebase est :
- ✅ Plus fiable et mieux prise en charge
- ✅ Gère automatiquement le stockage de session du navigateur
- ✅ Améliore la gestion des erreurs
- ✅ Pas de configuration supplémentaire nécessaire
Étapes de configuration
Section intitulée “Étapes de configuration”-
Configurer le projet Firebase
Assurez-vous que votre projet Firebase a Google Sign-In activé :
- Allez à Console Firebase
- Naviguez vers 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
- Ouvrir le
Authenticationmenu
- Cliquez sur le
Settingsbouton
- Configurer 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 fichier authUtils.ts de l'application d'exemple pour une mise en œuvre complète qui : Utilise Firebase’s pour les plateformes web Utilise le plugin de connexion sociale __CAPGO_KEEP_0__ pour les plateformes Android/iOS
- Gère automatiquement la détection de plateforme
signInWithPopupL'exemple montre comment utiliser conditionnellement la méthode intégrée de Firebase pour les plateformes web tout en utilisant le plugin pour les plateformes natives. - Uses Capacitor Social Login plugin for Android/iOS platforms
- Section intitulée « Ressources supplémentaires »
Documentation d'authentification Firebase
- Documentation complète d'authentification Firebase
Voir le- authUtils.ts Le fichier dans l'application d'exemple pour une mise en œuvre complète qui :
- Firebase Google Sign-In pour Web - Guide officiel Firebase pour Google Sign-In sur web
- Guide de configuration de connexion Google - Guide pour configurer les domaines autorisés et l'écran de consentement OAuth
Continuez avec Firebase Google Login sur Web
Section intitulée “Continuez avec Firebase Google Login sur Web”Si vous utilisez Firebase Google Login sur Web pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-social-login pour la capacité native dans En utilisant @capgo/capacitor-social-login, @capgo/capacitor-social-login pour les détails d'implémentation dans @capgo/capacitor-login-social @capgo/capacitor-passkey pour les détails d'implémentation dans @capgo/capacitor-passkey @capgo/capacitor-biométrique-natif pour les détails d'implémentation dans @capgo/capacitor-biométrique-natif, et L'authentification à deux facteurs pour les détails d'implémentation dans L'authentification à deux facteurs.