Vai al contenuto

Firebase Google Accedi su Android

Questa guida ti aiuterà a integrare l’accesso Google con l’autenticazione Firebase su Android. Presumo che tu abbia già completato la configurazione generale Firebase Google

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

    Firebase Panoramica del progetto
  2. Fare clic sul pulsante “Aggiungi app”.

    Firebase Aggiungi pulsante app

    È possibile che tu debba cercare qui questo pulsante. Ciò si applica solo se hai già creato un’app diversa nella Firebase Console.

    Firebase Aggiungi pulsante app
  3. Seleziona Android

    Firebase Aggiungi app Android Pulsante
  4. Compila la prima parte del modulo

    1. Compila Android package name
      1. Apri Android Studio nella tua app utilizzando npx cap open android
      2. Nella parte inferiore del navigatore, trova gli “Script Gradle”. Sezione Script Gradle nel navigatore del progetto Android Studio
      3. Trova build.gradle per il modulo app build.gradle (Modulo: app) nella sezione Script Gradle
      4. Copia android.defaultConfig.applicationId. Questo sarà il tuo “nome pacchetto” nella console Firebase File Build.gradle che mostra la configurazione applicationId

      L’ID mostrato qui sarà diverso da quello che utilizzerò per il resto della guida. Utilizzerò app.capgo.plugin.SocialLogin per il resto della guida.

      1. Incollalo nella console Firebase Firebase Aggiungi app Android Campo nome pacchetto
    2. Fare clic sul pulsante “Registra app”. Firebase Aggiungi app Android Pulsante Registra
  5. Salta il passaggio “Scarica e aggiungi il file di configurazione”.

    Firebase Aggiungi app Android Salta 'Scarica e aggiungi il file di configurazione'
  6. Salta il passaggio Add firebase SDK

    Firebase Aggiungi app Android Salta 'Aggiungi Firebase SDK'
  7. Fare clic sul pulsante “Continua sulla console”.

    Firebase Aggiungi app Android Pulsante Continua alla console
  8. Se non vieni autenticato automaticamente, vai su settings -> general -> “le tue app” -> trova la tua app Android e fai clic su di essa

    Firebase Aggiungi app Android Impostazioni Generali Pulsante Le tue app
  9. Ottieni la tua impronta digitale SHA1

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

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

      Terminale che mostra il comando gradlew signInReport
    2. Scorri fino all’inizio di questo comando. Dovresti vedere quanto segue. Copia SHA1.

      Output del terminale che mostra l'impronta digitale del certificato SHA1

    Utilizzerò un SHA1 leggermente diverso per il resto della guida, perché ho modificato i calcoli da quando ho scritto la guida originale alla configurazione di Google login Android.

    È molto importante che SHA1 sia corretto. Se sbagli, l’autenticazione fallirà in strani modi. Per favore LEGGI LA GUIDA ALL’IMPOSTAZIONE DI ANDROID PER L’ACCESSO A GOOGLE per farlo bene.

  10. Aggiungi SHA1 al progetto Firebase

    1. Fare clic sul pulsante “Aggiungi impronta digitale”. Firebase Aggiungi app Android Aggiungi pulsante impronta digitale
    2. Incolla l’SHA1 che hai copiato nel passaggio precedente Firebase Aggiungi app Android Aggiungi campo SHA1 impronta digitale
    3. Fare clic sul pulsante Save Firebase Aggiungi app Android Aggiungi pulsante Salvataggio impronta digitale11. Ottieni il tuo ID cliente web
    4. Vai a Build -> Authentication Firebase Menu di autenticazione
    5. Fare clic sul pulsante “Metodo di accesso”. Firebase Pulsante del metodo di accesso di autenticazione
    6. Fai clic sul provider Google Firebase Metodo di accesso per l'autenticazione Google Provider
    7. Fare clic sul pulsante Web SDK configuration Firebase Autenticazione Metodo di accesso Web SDK Pulsante di configurazione
    8. Copia l‘“ID del client Web”. Questo sarà il tuo webClientId nel metodo initialize del plugin.
    Firebase Autenticazione Metodo di accesso Web SDK Configurazione ID client Web
  11. Utilizzare l’ID client Web in JS.

    Consiglio di utilizzare la funzione di supporto authenticateWithGoogle disponibile nel file authUtils.ts dell’app di esempio.

A questo punto, sei TECNICAMENTE pronto per utilizzare Google Accedi con Firebase Autenticazione su Android. Tuttavia, ti consiglio di ricontrollare la configurazione nella console Google Cloud, come spiegato nel passaggio successivo.

Ricontrolla la configurazione nella Google Console cloud

Section titled “Ricontrolla la configurazione nella Google Console cloud”

Per assicurarti che la configurazione sia corretta, dovresti ricontrollarla nella console Google Cloud.

  1. Vai a console.cloud.google.com

  2. Trova il tuo progetto

    1. Fare clic sul selettore di progetto Google Selettore progetti Cloud Console
    2. Cerca il tuo progetto in base al nome esatto del tuo progetto Firebase e fai clic su di esso. Nel mio caso, è sociallogin-tutorial-app. Firebase Progetto di selezione progetto
  3. Apri la barra di ricerca e apri credentials

    1. Apri la barra di ricerca Google Barra di ricerca di Cloud Console
    2. Cerca credentials e fai clic su “API e servizi” (numero 2 nello screenshot) Google Ricerca credenziali Cloud Console
  4. Verificare che nell’elenco siano visualizzati sia Android che gli ID client Web.

    Google Elenco credenziali Cloud Console

    Se non vedi né Android né ID client Web nell’elenco, hai commesso un errore nella configurazione. Per favore torna indietro e controlla i tuoi passi.

    È anche possibile, e mi è successo, che tu abbia già aggiunto l’hash Android SHA1 con lo stesso ID app in un progetto diverso. Ciò comporterà che Firbase non sarà in grado di creare un ID client Android. In questo caso, dovrai rimuovere SHA1 dall’altro progetto e da Firebase (usando la console Firebase per rimuovere l’app Android) e ricrearlo su Firbase

  5. Verificare che l’ID client Android sia configurato correttamente nella console Firebase.

    1. Fai clic sull’app Android Google Cloud Console Android Seleziona app
    2. Conferma che l’hash SHA1 sia configurato correttamente e che corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console Android App SHA1 configurata
  6. Verificare che l’ID client Web sia configurato correttamente nella console Firebase.

    1. Fai clic sull’app Web Google Seleziona app Web Cloud Console
    2. Conferma che l’ID client corrisponda a quello copiato nei passaggi precedenti. Google ID client dell'app Web Cloud Console configurato

    Si prega di ignorare il resto delle impostazioni del client web. Ne discuteremo nella guida alla configurazione web.

Voilà! Ora sei pronto per utilizzare Google Accedi con Firebase Autenticazione su Android.

Se l’autenticazione si blocca o fallisce:

  • Verifica che il pubblico idToken corrisponda al tuo ID client web Firebase
  • Verifica che l’accesso a Google sia abilitato nella Firebase Console
  • Assicurati che l’impronta digitale SHA-1 sia configurata correttamente
  • Esamina il codice dell’app di esempio come riferimento