Login Google Firebase di Web

Pendahuluan

Plugin Pendaftaran Sosial Capacitor Tidak mendukung platform web. Untuk aplikasi web, Anda sebaiknya menggunakan Google Sign-In bawaan Firebase secara langsung, yang menyediakan aliran autentikasi popup yang lebih dapat diandalkan.

Mengapa Tidak Menggunakan Plugin di Web?

Plugin Pendaftaran Sosial Capacitor dirancang untuk platform mobile native (Android dan iOS) di mana plugin ini dapat memanfaatkan aliran autentikasi spesifik platform. Untuk web, Firebase’s native signInWithPopup metode adalah:

• ✅ Lebih dapat diandalkan dan lebih baik didukung
• ✅ Menghandle penyimpanan browser secara otomatis
• ✅ Memberikan penanganan kesalahan yang lebih baik
• ✅ Tidak perlu konfigurasi tambahan

Langkah-langkah Pengaturan

1. Konfigurasi Project Firebase

   Pastikan project Firebase Anda telah mengaktifkan Google Sign-In:

   • Buka Firebase Console
   • Navigasikan ke Autentikasi > Metode masuk
   • Aktifkan penyedia Sign-In Google

2. Tambahkan domain yang diotorisasi Anda

   1. Buka tampilan ringkasan proyek Anda di console.cloud.google.com
   2. Buka menu Authentication Menu Autentikasi Firebase
   3. Tombol Metode Sign-in Autentikasi Firebase Settings Sesuaikan pengaturan
   4. Ringkasan Proyek Firebase Authorized domains

Contoh Implementasi

Lihat contoh authUtils.ts file di aplikasi contoh untuk implementasi lengkap yang:

• Menggunakan metode bawaan Firebase untuk platform web signInWithPopup Menggunakan plugin Otentikasi Sosial __CAPGO_KEEP_0__ untuk platform Android/iOS
• Uses Capacitor Social Login plugin for Android/iOS platforms
• Contoh menunjukkan cara menggunakan metode bawaan Firebase untuk web secara kondisional sambil menggunakan plugin untuk platform native

Sumber Daya Tambahan

Pengaturan Otentikasi Firebase Domain yang Diperbolehkan

• Dokumentasi Autentikasi Firebase - Dokumentasi autentikasi Firebase lengkap
• Firebase Google Sign-In untuk Web - Panduan resmi Firebase untuk Google Sign-In di web
• Panduan Pengaturan Login Google - Panduan untuk mengonfigurasi domain yang diizinkan dan layar persetujuan OAuth