Firebase Google Login di Web

Pengenalan

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

Mengapa Tidak Menggunakan Plugin di Web?

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

• ✅ Lebih dapat diandalkan dan lebih baik didukung
• ✅ Menghandle penyimpanan browser secara otomatis
• ✅ Menyediakan pengelolaan kesalahan yang lebih baik
• ✅ Tidak perlu pengaturan tambahan

Langkah-Langkah Pengaturan

1. Konfigurasi Proyek Firebase

   Pastikan proyek Firebase Anda telah mengaktifkan Google Sign-In:

   • Pergi ke Firebase Console
   • Navigasikan ke Autentikasi > Metode masuk
   • Aktifkan penyedia tanda tangan Google

2. Tambahkan domain yang diotorisasi Anda

   1. Pergi ke ringkasan proyek Anda di console.cloud.google.com
   2. Buka menu Authentication Menu Autentikasi Firebase
   3. tombol Settings button
   4. Setup Authorized domains

Contoh Implementasi

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

• Menggunakan Firebase’s signInWithPopup untuk platform web
• Menggunakan Capacitor Plugin Pendaftaran Sosial untuk platform Android/iOS
• Deteksi platform secara otomatis

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

Sumber Daya Tambahan

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

Teruskan dari Firebase Google Login di Web

Jika Anda menggunakan Firebase Google Login di Web untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-login-sosial untuk kemampuan asli di Menggunakan @capgo/capacitor-login-sosial, @capgo/capacitor-login-sosial untuk detail implementasi di @capgo/capacitor-login-sosial, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-biometrik-asli untuk detail implementasi di @capgo/capacitor-biometrik-asli, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi Dua Faktor.