Firebase Google Login on Web

Einführung

Das Capacitor-Social-Login-Plugin Unterstützt das Plugin keine Web-Plattformen. Für Webanwendungen sollten Sie Firebase’s eingebauten 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-spezifischen Authentifizierungsabläufe nutzen kann. Für Web ist die native Methode von Firebase: signInWithPopup ✅ Zuverlässiger und besser unterstützt

• ✅ Verwaltet das Browser-Sitzungs-Speicher automatisch
• Die __CAPGO_KEEP_0__-Social-Login-Plügins ist für native mobile Plattformen (Android und iOS) konzipiert, wo es die Plattform-spezifischen Authentifizierungsabläufe nutzen kann. Für Web ist die native Methode von Firebase:
• ✅ 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
   • Navigation zu Authentifizierung > Anmeldemethode
   • Google-Sign-In-Anbieter aktivieren

2. Zulässige Domains hinzufügen

   1. Gehe zu deinem 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:

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

Das Beispiel zeigt, wie Sie Firebase’s eingebaute Methode für Web-Plattformen bedingt verwenden können, während Sie das Plugin für native Plattformen verwenden.

Zusätzliche Ressourcen

• Firebase-Auth-Dokumentation - 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 zum Planen der Authentifizierung und der Kontenflüsse verwenden Verbinden Sie es mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verbinden Sie es mit @capgo/capacitor-social-login @capgo/capacitor-social-login @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-biometric und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.