Firebase Google Login di Web

Pendahuluan

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

Mengapa Tidak Menggunakan Plugin di Web?

Plugin Autentikasi Sosial Capacitor ini dirancang untuk platform mobile native (Android dan iOS) di mana plugin ini dapat memanfaatkan aliran autentikasi spesifik platform. signInWithPopup Metode adalah:

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

Setup Steps

1. Pengaturan Project Firebase

   Pastikan proyek Firebase Anda telah mengaktifkan Google Sign-In:

   • Pergi ke Console Firebase
   • Navigasikan ke Autentikasi > Metode masuk
   • Mengaktifkan penyedia Google Sign-In

2. Tambahkan domain-domain yang diotorisasi

   1. Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com
   2. Buka menu Authentication menu
   3. Klik pada tombol Settings tombol
   4. Konfigurasi Authorized domains

Bagian berjudul “Contoh Implementasi”

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

• untuk platform web signInWithPopup protectedTokens
• Memanfaatkan plugin Capacitor Social Login untuk platform Android/iOS
• Menghandle deteksi platform secara otomatis

Contoh 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
• Pengenalan 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 on Web

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