Firebase Google Login on Web

Einleitung

Das Capacitor-Social-Login-Plugin Unterstützt keine WebplattformenFür Webanwendungen sollten Sie Firebase’s integrierten 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 Methode von Firebase: signInWithPopup ✅ Zuverlässiger und besser unterstützt

• ✅ Browser-Sitzungs-Speicher automatisch handhabt
• ✅ More reliable and better supported
• ✅ 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 > Anmeldeart
   • Aktiviere den Google-Sign-In-Anbieter

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

Blicken Sie sich das authUtils.ts Datei im Beispiel-App für eine vollständige Implementierung an, die:

• Firebase’s signInWithPopup für Web-Plattformen verwendet
• Capacitor Social Login-Plugin für Android/iOS-Plattformen verwendet
• Die Plattformdetektion wird automatisch gehandhabt

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

Zusätzliche Ressourcen

• Dokumentation zu Firebase Authentication – 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-Zustimmungsbildschirm

Weitermachen von Firebase Google Login auf Web

Wenn Sie Firebase Google Login auf Web für die Planung der Authentifizierung und der Kontenflüsse verwenden und es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @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.