Firebase Google Login on Web

Einführung

Das Capacitor-Social-Login-Plugin Unterstützt das Plugin keine Webplattformen. Für Webanwendungen sollten Sie Firebase’s integrierten Google-Sign-In direkt verwenden, das eine zuverlässigere popup-basierte Authentifizierungsablauf bietet.

Warum das Plugin auf Web nicht verwenden?

Das Capacitor-Social-Login-Plugin ist für native mobile Plattformen (Android und iOS) konzipiert, wo es die Plattform-spezifische Authentifizierungsabläufe nutzen kann. Für Web ist die native Methode von Firebase: signInWithPopup ✅ Zuverlässiger und besser unterstützt

• ✅ Verwaltet die automatisch die Browser-Sitzungs-Speicherung
• Einführung in die Verwendung des Plugins auf Web ist nicht empfehlenswert.
• ✅ Bessere Fehlerbehandlung bietet
• ✅ Keine zusätzliche Konfiguration erforderlich

Setup-Schritte

1. Firebase-Projekt konfigurieren

   Stellen Sie sicher, dass Ihr Firebase-Projekt Google-Sign-In aktiviert hat:

   • Gehe zu Firebase-Konsole
   • Navigiere zu Authentifizierung > Anmeldemethode
   • Aktiviere den Google-Sign-In-Anbieter

2. Fügen Sie Ihre autorisierten Domains hinzu

   1. Gehe zu Ihrem Projektüberblick über console.cloud.google.com
   2. Öffnen Sie das Authentication Menü
   3. Klicken Sie auf den Settings Schaltfläche
   4. Konfigurieren Sie die Authorized domains

Beispiel-Implementierung

Siehe das authUtils.ts Datei im Beispielprojekt für eine vollständige Implementierung, die:

• Verwendet Firebase’s signInWithPopup für Web-Plattformen
• Verwendet Capacitor Social Login-Plugin für Android/iOS-Plattformen
• Automatisch die Plattformdetektion handhabt

Das Beispiel zeigt, wie man Firebase’s eingebaute Methode für Web-Plattformen bedingt verwendet, während das Plugin für native Plattformen verwendet wird.

Zusätzliche Ressourcen

• Dokumentation zur Firebase-Authentifizierung - Vollständige Firebase-Auth-Dokumentation
• Firebase Google Sign-In für Web - Offizieller Firebase-Leitfaden für Google Sign-In auf Web
• Google Login-Einrichtungsanleitung - Leitfaden für die Konfiguration von autorisierten Domains und OAuth-Konsent-Bildschirm

Weitermachen von Firebase Google Login auf Web

Wenn Sie Firebase Google Login auf Web verwenden Firebase Google Login auf Web um die Authentifizierung und die Kontenflüsse zu planen und es mit Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login Für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-passkey Für die Implementierungsdetails in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric Für die Implementierungsdetails in @capgo/capacitor-native-biometrische und Zwei-Faktor-Authentifizierung Für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.