Firebase Google Login su Android

Introduzione

Questa guida ti aiuterà a integrare Google Sign-In con Firebase Authentication su Android. Assumiamo che tu abbia già completato la configurazione generale di Firebase Google

Nota

Assumerò che tu non abbia ancora creato la tua app Android nella Firebase Console. Se l'hai già fatta, i passaggi saranno leggermente diversi.

Passaggi di setup

1. Vai alla panoramica del tuo progetto su console.cloud.google.com

   

2. Clicca sul Add app pulsante

   

   Nota

   Potrebbe essere necessario cercare il pulsante qui. Questo vale solo se hai già creato un'altra app nella console Firebase.

   

3. Seleziona Android

   

4. Compila la prima parte del modulo

   1. Compila il Android package name
      1. Apri Android Studio sul tuo progetto npx cap open android
      2. In fondo al navigatore, trova il Gradle Scripts
      3. Trova build.gradle per il modulo app
      4. Copia il android.defaultConfig.applicationId. Questo sarà il tuo package name nella console Firebase

      Nota

      L'ID mostrato qui sarà diverso da quello che userò nel resto della guida. Userò app.capgo.plugin.SocialLogin per il resto della guida.

      5. Incollalo nella console Firebase
   2. Clicca sul Register app pulsante

5. Salta il Download and then add config file passaggio

   

6. Salta il Add firebase SDK passaggio

   

7. Clicca sul Continue to console pulsante

   

8. Se l'autenticazione non avviene automaticamente, vai su settings -> general -> your apps -> trova la tua app Android e cliccaci sopra

   

9. Ottieni il tuo fingerprint SHA1

   Segui i passaggi 10-11 della guida alla configurazione di Google Login su Android:

   1. Ora, apri il terminale. Assicurati di essere nella android cartella della tua app ed esegui ./gradlew signInReport

      

   2. Scorri fino all'inizio del comando. Dovresti vedere quanto segue. Copia il SHA1.

      

   Nota

   Userò uno SHA1 leggermente diverso per il resto della guida, poiché ho cambiato computer dopo aver scritto la guida originale per Google Login su Android.

   Attenzione

   La SHA1 è fondamentale: assicurati che sia corretta. Se sbagli, l'autenticazione fallirà in modo anomalo. Per favore LEGGI LA GUIDA ALL'CONFIGURAZIONE DI GOOGLE LOGIN PER ANDROID per configurarla correttamente.

10. Aggiungi la SHA1 al progetto Firebase

    1. Clicca sul Add fingerprint pulsante
    2. Incolla la SHA1 copiata nel passaggio precedente
    3. Clicca sul Save pulsante

11. Ottieni il tuo web client ID

    1. Vai su Build -> Authentication
    2. Clicca sul Sign-in method pulsante
    3. Clicca sul Google provider
    4. Clicca sul Web SDK configuration pulsante
    5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.
    

12. Usa il client ID web in JS.

    Nota

    Ti consiglio di usare la authenticateWithGoogle funzione helper disponibile in authUtils.ts file dell'app di esempio.

A questo punto, sei TECNICAMENTE pronto a usare Google Sign-In con Firebase Authentication su Android. Tuttavia, ti consiglio di ricontrollare la configurazione nella console di Google Cloud, come spiegato nel passaggio successivo.

Ricontrolla la configurazione nella console di Google Cloud

Per assicurarti che la configurazione sia corretta, ti consigliamo di ricontrollare il setup nella console di Google Cloud.

1. Vai su console.cloud.google.com

2. Trova il tuo progetto

   1. Clicca sul selettore del progetto
   2. Cerca il tuo progetto inserendo il nome esatto del progetto Firebase e cliccaci sopra. Nel mio caso è sociallogin-tutorial-app.

3. Apri la barra di ricerca e apri credentials

   1. Apri la barra di ricerca
   2. Cerca credentials and click on the APIs and Services quello (numero 2 nello screenshot)

4. Verifica che nell'elenco siano presenti sia gli ID client Android che quelli Web.

   

   Attenzione

   Se non vedi sia l'ID client Android che quello Web nell'elenco, c'è un errore nella configurazione. Torna indietro e ricontrolla i passaggi.

   È anche possibile, e mi è capitato, che tu abbia già aggiunto l'hash SHA1 di Android con lo stesso app ID in un altro progetto. Questo impedirà a Firebase di creare l'ID client Android. In tal caso, dovrai rimuovere lo SHA1 dall'altro progetto e da Firebase (usando la console Firebase per rimuovere l'app Android) e ricrearlo su Firebase.

5. Verifica che l'ID client Android sia configurato correttamente nella console Firebase.

   1. Clicca sul Android app
   2. Conferma che l'hash SHA1 sia configurato correttamente e che corrisponda a quello copiato nei passaggi precedenti.

6. Verifica che l'ID client Web sia configurato correttamente nella console Firebase.

   1. Clicca sul Web app
   2. Verifica che il client ID corrisponda a quello copiato nei passaggi precedenti.

   Nota

   Ignora le altre impostazioni del client web. Ne parleremo nella guida al setup web.

Fatto! Ora sei pronto a usare Google Sign-In con Firebase Authentication su Android.

Risoluzione problemi

Se l'autenticazione si blocca o fallisce:

• Verifica il idToken l'audience corrisponde al tuo Firebase web client ID
• Verifica che Google Sign-In sia abilitato nella Firebase Console
• Assicurati che l'impronta digitale SHA-1 sia configurata correttamente
• Consulta l' app di esempio code come riferimento

Continua con Firebase Google Login su Android

Se stai usando Firebase Google Login su Android per pianificare i flussi di autenticazione e account, collegandolo a Utilizzo di @capgo/capacitor-social-login per la funzionalità nativa in Utilizzo di @capgo/capacitor-social-login, @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-social-login, @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 sull'implementazione dell'autenticazione a due fattori.