Firebase Google Login sur le Web

Introduction

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

Pourquoi Ne Pas Utiliser le Plugin sur le 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, Firebase utilise : signInWithPopup ✅ Plus fiable et mieux pris en charge

• ✅ Gère automatiquement le stockage de session du navigateur
• ✅ Fournit un meilleur gestion des erreurs
• ✅ Pas de configuration supplémentaire nécessaire
• Étapes de Configuration

Section intitulée “Étapes de Configuration”

1. Assurez-vous que votre projet Firebase a Google Sign-In activé :

   Pourquoi Ne Pas Utiliser le Plugin sur le Web ?

   • Allez à Console Firebase
   • Naviguez vers Authentication > méthode de connexion
   • Activer le fournisseur de connexion Google

2. Ajoutez vos domaines autorisés

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

Exemple d'implémentation

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

• Utilise les signInWithPopup pour 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 conditionnellement la méthode intégrée de Firebase pour le web tout en utilisant le plugin pour les plateformes natives.

Ressources supplémentaires

• Documentation de l'authentification Firebase - Documentation complète de l'authentification Firebase
• Authentification Google Firebase pour le Web - Guide officiel de Firebase pour l'authentification Google sur le web
• Guide de configuration de l'authentification Google - Guide pour configurer les domaines autorisés et l'écran de consentement OAuth

Continuez de l'authentification Google Firebase sur le Web

Si vous utilisez Firebase Google Login sur le Web pour planifier l'authentification et les flux de compte, connectez-le avec Utilisez @capgo/capacitor-social-login pour la capacité native dans Utilisez @capgo/capacitor-social-login, Utilisez @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login, Utilisez @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, Utilisez @capgo/capacitor-native-biometric pour le détail d'implémentation dans @capgo/capacitor-native-biometric, et L'authentification à deux facteurs pour les détails d'implémentation dans l'authentification à deux facteurs.