Lebih cepat ke konten

Firebase Google Login di Web

GitHub

Plugin Pendaftaran 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?

Bab berjudul “Mengapa Tidak Menggunakan Plugin di Web?”

Plugin Pendaftaran 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
  • ✅ Menghadapi kesalahan dengan lebih baik
  • ✅ Tidak perlu konfigurasi tambahan
  1. Konfigurasi Projek Firebase

    Pastikan projek 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 Ringkasan Proyek Firebase
    2. Buka menu Authentication Menu Menu Autentikasi Firebase
    3. Klik tombol Settings Tombol Metode Autentikasi Firebase Konfigurasi pengaturan autentikasi Firebase
    4. Contoh Implementasi Authorized domains Bagian berjudul “Contoh Implementasi”

__CAPGO_KEEP_0__

__CAPGO_KEEP_1__

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

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

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

Teruskan dari Firebase Google Login di Web

Bab berjudul “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.