Firebase Google Login auf Web

Einführung

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

Warum nicht auf Web 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

• ✅ Browser-Sitzungs-Speicher automatisch handhabt
• Die __CAPGO_KEEP_0__-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:
• ✅ 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:

• 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 man Firebase’s eingebaute Methode für Web-Plattformen bedingt verwendet, während das Plugin für native Plattformen verwendet wird.

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-Zustimmungsseite

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, verbinden Sie es mit Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @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.