Firebase Google Login di Web

Intro

Plugin Login Sosial Capacitor Tidak mendukung platform web.Untuk 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 Login Sosial Capacitor dirancang untuk platform mobile native (Android dan iOS) di mana plugin ini dapat memanfaatkan aliran autentikasi spesifik platform. signInWithPopup Untuk web, metode Firebase asli adalah:

• ✅ Lebih dapat diandalkan dan lebih baik didukung
• ✅ Mengatur penyimpanan browser secara otomatis
• ✅ Mengatasi kesalahan dengan lebih baik
• ✅ Tidak perlu konfigurasi tambahan

Langkah-Langkah Pengaturan

1. Konfigurasi Project Firebase

   Pastikan project 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 ringkasan proyek Anda di console.cloud.google.com
   2. Buka menu Authentication Menu
   3. Klik tombol Settings Tombol Metode Autentikasi Firebase
   4. Contoh Implementasi Authorized domains

__CAPGO_KEEP_0__

Melihat contoh implementasi yang lengkap di file authUtils.ts untuk platform web di aplikasi contoh ini:

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

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

Sumber Daya Tambahan

• Dokumentasi Pendaftaran Firebase - Dokumentasi lengkap pendaftaran Firebase
• Firebase Google Sign-In untuk Web - Panduan resmi Firebase untuk Sign-In Google di web
• Panduan Pengaturan 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-social-login untuk kemampuan native di Menggunakan @capgo/capacitor-social-login, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-login-social, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-biometrik-natif untuk detail implementasi di @capgo/capacitor-biometrik-natif, dan Dua faktor autentikasi untuk detail implementasi di Dua Faktor Autentikasi.