Saltare al contenuto

Firebase Google Login sul web

GitHub

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

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

  • ✅ Più affidabile e meglio supportato
  • ✅ Fornisce un trattamento degli errori migliore
  • ✅ Non è necessaria alcuna configurazione aggiuntiva
  • I Passaggi di Configurazione
  1. Configura il progetto Firebase

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

    • Vai a Console di 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 su console.cloud.google.com Panoramica del progetto Firebase
    2. Apre il Authentication menu Menu di autenticazione di Firebase
    3. Clicca sul Settings bottone Metodo di accesso di autenticazione Firebase
    4. Configura le Authorized domains Impostazioni di autenticazione Firebase Autorizzazioni dominio

Vedi authUtils.ts Esempio di file nell'app di esempio per una completa implementazione che:

  • per piattaforme web signInWithPopup Section titled “Esempio di implementazione”
  • Utilizza il plugin di accesso sociale Capacitor per le 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 le piattaforme native.

Se sei in uso a Firebase Login con Google su 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 il dettaglio di implementazione in @capgo/capacitor-passkey Utilizza @capgo/capacitor-biometrica-nativa per il dettaglio di implementazione in @capgo/capacitor-biometrica-nativa, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.