Saltare al contenuto

Firebase Google Login on Web

GitHub

Il plugin di accesso sociale Capacitor non supporta le piattaforme web. Per le applicazioni web, dovresti utilizzare direttamente l'accesso Google di 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
  • Installazione, sincronizzazione e guida markdown di riferimento.
  • ✅ Migliora la gestione degli errori
  • ✅ Nessuna configurazione aggiuntiva necessaria
  1. Configura il Progetto Firebase

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

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

    1. Vai alla tua panoramica del progetto qui console.cloud.google.com Panoramica del Progetto Firebase
    2. Apri il Authentication menu Menu di autenticazione Firebase
    3. Clicca sul Settings bottone Bottone di metodo di accesso di autenticazione Firebase
    4. Configura le impostazioni delle autorizzazioni del menu di autenticazione Firebase Authorized domains Esempio di implementazione

Sezione intitolata “Esempio di implementazione”

Apri il menu di autenticazione Firebase

Vedi il file authUtils.ts il file in l'applicazione di esempio per una completa implementazione che:

  • Utilizza Firebase’s signInWithPopup per piattaforme web
  • Utilizza il plugin di Social Login 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 il login Google di Firebase per Web per pianificare l'autenticazione e le flussi di account, connettilo con Utilizzando @capgo/capacitor-login sociale per la capacità nativa in Utilizzando @capgo/capacitor-login sociale @capgo/capacitor-login sociale per i dettagli di implementazione in @capgo/capacitor-login-social @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey @capgo/capacitor-biometria-nativa per i dettagli di implementazione in @capgo/capacitor-biometria-nativa, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.