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 dapat memanfaatkan aliran autentikasi spesifik platform. signInWithPopup Untuk web, metode Firebase asli adalah:

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

Langkah-Langkah Pengaturan

1. Pengaturan 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 Pengimplementasian Authorized domains

console.cloud.google.com

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

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

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

Sumber Daya Tambahan

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

Teruskan dari Login Google Firebase di Web

Jika Anda menggunakan Login Google Firebase di Web untuk merencanakan autentikasi dan aliran 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-native untuk detail implementasi di @capgo/capacitor-biometrik-native, dan Autentikasi Dua Faktor untuk detail implementasi di Autentikasi Dua Faktor.