Saltare al contenuto

Firebase Google Login sul web

GitHub

Il plugin di accesso sociale Capacitor non supporta le piattaforme web. Per le applicazioni web, dovresti utilizzare direttamente l'accesso di Google fornito da Firebase, che fornisce un flusso di autenticazione basato su popup più affidabile.

Il plugin di accesso sociale Capacitor è progettato per le piattaforme mobili native (Android e iOS) dove può sfruttare i flussi di autenticazione specifici della piattaforma. Per il web, il metodo nativo di Firebase è: signInWithPopup ✅ Più affidabile e meglio supportato

  • ✅ Gestisce automaticamente lo storage della sessione del browser
  • ✅ Fornisce un miglioramento delle funzionalità di gestione degli errori
  • ✅ Non è necessaria alcuna configurazione aggiuntiva
  • Perché Non Utilizzare il Plugin su Web?
  1. Configura Progetto Firebase

    Assicurati che il tuo progetto Firebase abbia abilitato l'accesso con Google:

    • Vai a Console Firebase
    • Naviga a Autenticazione > Metodo di accesso
    • Abilita il provider di accesso con Google
  2. Aggiungi i tuoi domini autorizzati

    1. Vai alla tua panoramica del progetto su console.cloud.google.com Panoramica del Progetto Firebase
    2. Apri il Authentication menu Menu di autenticazione Firebase
    3. Clicca sul Settings tasto Tasto di autenticazione Firebase per l'accesso
    4. Configura le Authorized domains impostazioni di autenticazione Firebase per i domini autorizzati

Vedi il authUtils.ts file in the esempio di app per una implementazione completa che:

  • Utilizza Firebase’s signInWithPopup per piattaforme web
  • Utilizza il plugin di accesso sociale Capacitor per piattaforme Android/iOS
  • Gestisce automaticamente la detezione della piattaforma

L'esempio mostra come utilizzare condizionalmente il metodo integrato di Firebase per web mentre utilizza il plugin per piattaforme native.

Se stai utilizzando Firebase Google Login on Web per pianificare l'autenticazione e le flussi di account, connettilo con Utilizza @capgo/capacitor-login-social per la capacità nativa in Utilizza @capgo/capacitor-login-social Utilizza @capgo/capacitor-login-social per il dettaglio di implementazione in @capgo/capacitor-login-social Utilizza @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric per i dettagli di implementazione in @capgo/capacitor-native-biometric, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.