Firebase Google Login auf Web

Einleitung

Der Capacitor-Social-Login-Plugin unterstützt keine Web-Plattformen. Für Web-Anwendungen sollten Sie Firebase’s eingebauten Google-Sign-In direkt verwenden, der eine zuverlässigere popup-basierte Authentifizierungsablauf bietet.

Warum nicht auf Web verwenden?

Der Capacitor-Social-Login-Plugin ist für native mobile Plattformen (Android und iOS) konzipiert, wo er Plattform-spezifische Authentifizierungsabläufe nutzen kann. Für Web ist die native Methode von Firebase: signInWithPopup Die Methode ist:

• ✅ Browser-Sitzungs-Speicher automatisch handhabt
• ✅ Bessere Fehlerbehandlung bietet
• ✅ 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 Ihrer Projektübersicht über bei console.cloud.google.com
   2. Öffnen Sie das Authentication Menü
   3. Klicken Sie auf den Settings Button
   4. Einrichten der Authorized domains

Beispiel-Implementierung

Siehe das authUtils.ts Datei in der Beispiel-App für eine vollständige Implementierung, die:

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

Die Beispiel-App zeigt, wie man Firebase’s integrierte Methode für Web-Plattformen bedingt verwendet, während die 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-Anmeldung auf Web
• Anleitung zur Google-Anmeldung - Leitfaden für die Konfiguration von autorisierten Domains und OAuth-Konsent-Bildschirm

Fortsetzung von Firebase Google-Anmeldung auf Web

Wenn Sie Firebase Google-Anmeldung auf Web verwenden Firebase Google-Anmeldung 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 Verwendung von @capgo/capacitor-Social-Login, @capgo/capacitor-Social-Login für die Implementierungsdetails in @capgo/capacitor-Social-Login, @capgo/capacitor-Passwort für die Implementierungsdetails in @capgo/capacitor-passkey @capgo/capacitor-native-biometrisch für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.