Goto contenu

Firebase Google Login sur le Web

GitHub

Le plugin de connexion sociale Capacitor ne prend pas en charge les plateformes web.Pour les applications web, vous devriez utiliser la connexion Google Sign-In intégrée de Firebase directement, qui fournit un flux d'authentification basé sur popup plus fiable.

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 ✅ Plus fiable et mieux prise en charge

  • ✅ Gère automatiquement le stockage de session du navigateur
  • Section intitulée « Pourquoi Ne Pas Utiliser le Plugin sur Web ? »
  • ✅ Meilleure gestion des erreurs
  • ✅ Pas de configuration supplémentaire nécessaire
  1. Configurer le projet Firebase

    Vérifiez que votre projet Firebase a Google Sign-In activé :

    • Allez à Console Firebase
    • Accédez à Authentication > Méthode de connexion
    • Activez le fournisseur Google Sign-In
  2. Ajoutez vos domaines autorisés

    1. Allez à votre vue d'ensemble du projet sur console.cloud.google.com Vue d'ensemble du projet Firebase
    2. Ouvrez le Authentication menu Menu d'authentification Firebase
    3. Cliquez sur le Settings bouton Bouton de méthode d'authentification Firebase
    4. Configurez les Authorized domains Paramètres d'authentification Firebase Autorisations de domaine

Consultez le fichier authUtils.ts le fichier dans l'application d'exemple pour une mise en œuvre complète qui :

  • Utilise la fonctionnalité de Firebase pour les plateformes web signInWithPopup Utilise le plugin de connexion sociale __CAPGO_KEEP_0__ pour les plateformes Android/iOS
  • Uses Capacitor Social Login plugin for Android/iOS platforms
  • 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 de l'authentification Firebase

Si vous utilisez Firebase Google Login sur Web pour planifier l'authentification et les flux de compte, connectez-l’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-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.