Login Google con Firebase su Web

Introduzione

Il plugin Capacitor Social Login non supporta le piattaforme web. Per le applicazioni web, dovresti utilizzare direttamente il Sign-In integrato di Firebase per Google, che fornisce un flusso di autenticazione basato su popup più affidabile.

Perché non usare il plugin su Web?

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

• ✅ Più affidabile e meglio supportato
• ✅ Gestisce automaticamente lo storage di sessione del browser
• ✅ Fornisce una migliore gestione degli errori
• ✅ Non richiede configurazione aggiuntiva

Passaggi di configurazione

1. Configura il progetto Firebase

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

   • Vai alla Console Firebase
   • Naviga su Authentication > Sign-in method
   • Abilita il provider Google Sign-In

2. Aggiungi i tuoi domini autorizzati

   1. Vai alla panoramica del progetto su console.cloud.google.com
   2. Apri il menu Authentication
   3. Fai clic sul pulsante Settings
   4. Configura i Authorized domains

Esempio di implementazione

Vedi il file authUtils.ts nell’app di esempio per un’implementazione completa che:

• Utilizza il signInWithPopup di Firebase per le piattaforme web
• Utilizza il plugin Capacitor Social Login per le piattaforme Android/iOS
• Gestisce automaticamente il rilevamento della piattaforma

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

Risorse aggiuntive

• Documentazione Firebase Authentication - Documentazione completa di Firebase Auth
• Google Sign-In per Web di Firebase - Guida ufficiale di Firebase per Google Sign-In su web
• Guida alla configurazione del login Google - Guida per configurare i domini autorizzati e la schermata di consenso OAuth