Firebase Google Login on Web
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
Introduzione
Sezione intitolata “Introduzione”Il plugin di accesso sociale Capacitor non supporta le piattaforme webPer le applicazioni web, dovresti utilizzare direttamente l'accesso di Google fornito da Firebase, che fornisce un flusso di autenticazione basato su popup più affidabile.
Perché Non Utilizzare il Plugin su Web?
Sezione intitolata “Perché Non Utilizzare il Plugin su Web?”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. signInWithPopup Per il web, il metodo nativo di Firebase è:
- ✅ Più affidabile e meglio supportato
- ✅ Gestisce automaticamente lo storage della sessione del browser
- ✅ Fornisce un miglior trattamento degli errori
- ✅ Nessuna configurazione aggiuntiva necessaria
Passaggi di configurazione
Sottosezione intitolata “Passaggi di configurazione”-
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
-
Aggiungi i tuoi domini autorizzati
- Vai alla tua panoramica del progetto su GitHub console.cloud.google.com
- Apri il
Authenticationmenu
- Clicca sul
Settingsbottoni
- Configura le
Authorized domains
- Vai alla tua panoramica del progetto su GitHub console.cloud.google.com
Esempio di Implementazione
Sezione intitolata “Esempio di Implementazione”Vedi il authUtils.ts file nell'applicazione di esempio per una implementazione completa che:
- Utilizza Firebase’s
signInWithPopupper 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
Risorse Aggiuntive
Sezione intitolata “Risorse Aggiuntive”- Documentazione di Autenticazione di Firebase - Documentazione completa di Auth di Firebase
- Firebase Google Sign-In per Web - Guida ufficiale di Firebase per Google Sign-In su web
- Guida di configurazione per il login di Google - Guida per la configurazione dei domini autorizzati e dello schermo di consenso OAuth
Continua da Firebase Google Login on Web
Sezione intitolata “Continua da Firebase Google Login on Web”Se stai utilizzando Firebase Google Login on Web per pianificare l'autenticazione e i flussi di account, connettilo con Utilizza @capgo/capacitor-social-login per la capacità nativa in Utilizza @capgo/capacitor-social-login, Utilizza @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-login-social @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey @capgo/capacitor-biometric-nativo per i dettagli di implementazione in @capgo/capacitor-biometric-nativo, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.