Firebase Google Login di Web

Pengantar

Plugin Capacitor Social Login tidak mendukung platform web. Untuk aplikasi web, Anda harus menggunakan Google Sign-In bawaan Firebase secara langsung, yang menyediakan alur autentikasi berbasis popup yang lebih andal.

Mengapa Tidak Menggunakan Plugin di Web?

Plugin Capacitor Social Login dirancang untuk platform mobile native (Android dan iOS) di mana ia dapat memanfaatkan alur autentikasi khusus platform. Untuk web, metode signInWithPopup native Firebase adalah:

• ✅ Lebih andal dan didukung dengan lebih baik
• ✅ Menangani penyimpanan sesi browser secara otomatis
• ✅ Menyediakan penanganan kesalahan yang lebih baik
• ✅ Tidak memerlukan konfigurasi tambahan

Langkah Pengaturan

1. Konfigurasikan Proyek Firebase

   Pastikan proyek Firebase Anda telah mengaktifkan Google Sign-In:

   • Buka Firebase Console
   • Navigasikan ke Authentication > Sign-in method
   • Aktifkan provider Google Sign-In

2. Tambahkan authorized domains Anda

   1. Buka project overview Anda di console.cloud.google.com
   2. Buka menu Authentication
   3. Klik tombol Settings
   4. Atur Authorized domains

Contoh Implementasi

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

• Menggunakan signInWithPopup Firebase untuk platform web
• Menggunakan plugin Capacitor Social Login untuk platform Android/iOS
• Menangani deteksi platform secara otomatis

Contoh menunjukkan cara menggunakan metode bawaan Firebase secara kondisional untuk web sambil menggunakan plugin untuk platform native.

Sumber Daya Tambahan

• Dokumentasi Firebase Authentication - Dokumentasi Firebase Auth lengkap
• Firebase Google Sign-In untuk Web - Panduan resmi Firebase untuk Google Sign-In di web
• Panduan Pengaturan Google Login - Panduan untuk mengonfigurasi authorized domains dan layar persetujuan OAuth