Firebase Google Login auf Web

Einführung

Der Capacitor-Social-Login-Plugin unterstützt keine Web-Plattformen. Für Webanwendungen sollten Sie Firebase’s integrierten Google-Anmelden direkt verwenden, das 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 Firebase’s native signInWithPopup Methode:

• ✅ Zuverlässiger und besser unterstützt
• ✅ Browser-Sitzungs-Speicher automatisch handhabt
• ✅ Bessere Fehlerbehandlung bietet
• ✅ Keine zusätzliche Konfiguration erforderlich

Setup Schritte

1. Konfiguration des Firebase-Projekts

   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. Fügen Sie Ihre autorisierten Domains hinzu

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

Beispiel-Implementierung

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

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

Die Beispiel-App zeigt, wie man Firebase’s eingebauten Methoden 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 for Web - Offizielle Firebase-Anleitung für Google Sign-In auf Web-Plattformen
• Google-Anmeldeprozess-Setup-Leitfaden - Leitfaden für die Konfiguration von autorisierten Domains und OAuth-Zustimmungsseite

Weitermachen von Firebase Google Login on Web

Wenn Sie Firebase Google Login on Web für die Planung der Anmeldung und der Kontofluss verwenden, verbinden Sie es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @capgo/capacitor-social-login, Mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, Mit @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-Passkey, @capgo/capacitor-native-biometrisch für die Implementierungsdetails in @capgo/capacitor-native-biometrisch, und Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung.