Saltare al contenuto

Firebase Google Login su Android

GitHub

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

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

    Panoramica del progetto Firebase
  2. Clicca sul Add app button

    Bottone di aggiunta dell'app di Firebase Bottone di aggiunta dell'app di Firebase
  3. Seleziona Android

    Bottone di aggiunta dell'app Android di Firebase
  4. Compila la prima parte del modulo

    1. Compila il Android package name
      1. Apri Android Studio nel tuo progetto npx cap open android
      2. Alla fine della finestra di navigazione, trova il Gradle Scripts Sezione dei script Gradle nella navigazione del progetto Android Studio
      3. Cerca build.gradle per il modulo app il file build.gradle (modulo: app) nella sezione dei script Gradle
      4. Copia il android.defaultConfig.applicationIdQuesto sarà il tuo package name nel console Firebase File build.gradle con la configurazione di applicationId
      1. Incolla qui nel console di Firebase Campo Nome Pacchetto Android per l'App di Firebase
    2. Clicca sul Register app bottoni Bottone di registrazione per l'App di Firebase
  5. Ssaltare lo Download and then add config file passaggio

    Ssaltare lo
  6. passaggio Add firebase SDK Ssaltare lo

    Firebase Add App Android Skip 'Add firebase SDK'
  7. Clicca sul Continue to console button

    Continua alla Console Firebase per l'App Android
  8. Se non sei autenticato automaticamente, vai a settings -> general -> your apps -> trova la tua app Android e clicca su di essa

    Impostazioni Firebase per l'App Android Generali I tuoi App
  9. Ottieni il tuo fingerprint SHA1

    Segui i passaggi 10-11 dal Guida di configurazione per il login Google Android:

    1. Apri ora il terminale. Assicurati di essere nella android cartella del tuo app e esegui ./gradlew signInReport

      Terminale mostrante il comando gradlew signInReport
    2. Scorri verso l'alto di questo comando. Dovresti vedere il seguente. Copia il SHA1.

      Output della finestra di comando mostrante il fingerprint del certificato SHA1
  10. Aggiungi il SHA1 al progetto Firebase

    1. Clicca sul Add fingerprint bottone Aggiungi App Firebase Android Aggiungi Firma Digitale Button
    2. Incolla l'hash SHA1 che hai copiato nel passaggio precedente Aggiungi App Firebase Android Aggiungi Firma Digitale SHA1 Campo
    3. Clicca sul Save button Salva Button Aggiungi Firma Digitale Firebase Add App Android
  11. Ottieni il tuo ID del client web

    1. Vai a Build -> Authentication Menu di autenticazione Firebase
    2. Clicca sul Sign-in method button Button di metodo di accesso di autenticazione Firebase
    3. Click sul Google provider Metodo di autenticazione Firebase Authentication Google
    4. Click sul Web SDK configuration button Metodo di autenticazione Firebase Authentication Web SDK Configurazione del bottone
    5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.
    Metodo di autenticazione Firebase Authentication Web SDK Configurazione del client web ID
  12. Utilizza l'ID del client web in JS.

In questo punto, sei TECNICAMENTE pronto ad utilizzare Google Sign-In con Firebase Authentication su Android. Tuttavia, ti consiglio di verificare nuovamente la configurazione nel console di Google Cloud come spiegato nel passo successivo.

Verifica la configurazione nel console di Google Cloud

Sezione intitolata “Verifica la configurazione nel console di Google Cloud”

Per assicurarti che la configurazione sia corretta, dovresti verificare nuovamente la configurazione nel console di Google Cloud.

  1. Vai a console.cloud.google.com

  2. Trova il tuo progetto

    1. Clicca sul selettore del progetto Selettore del progetto Google Cloud Console
    2. Cerca il tuo progetto con il nome esatto del tuo progetto Firebase e clicca su di esso. Nel mio caso, è sociallogin-tutorial-app. Selettore del progetto Firebase Progetto
  3. Apri la barra di ricerca e apri credentials

    1. Apri la barra di ricerca Barra di ricerca Google Cloud Console
    2. Cerca per credentials e clicca su APIs and Services due (numero 2 nell'immagine) Cerca credenziali Google Cloud Console
  4. Verifica di vedere sia l'ID del client Android che quello Web nella lista.

    Elenco credenziali Google Cloud Console
  5. Verifica che l'ID del client Android sia configurato correttamente nel console di Firebase.

    1. Clicca sul Android app Seleziona app Google Cloud Console per Android
    2. Verifica che l'hash SHA1 sia configurato correttamente e che corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console App Android SHA1 Configurato
  6. Verifica che l'ID del client Web sia configurato correttamente nel console di Firebase.

    1. Click su il Web app Seleziona l'App Web di Google Cloud Console
    2. Verifica che l'ID del client corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console App Web ID del Client Configurato

Ecco! Siete ora pronti per utilizzare l'accesso con Google con l'autenticazione di Firebase su Android.

Se l'autenticazione si blocca o fallisce:

  • Verifica che l' idToken audience corrisponda al tuo ID del client web di Firebase
  • Controlla che l'accesso con Google sia abilitato nel Console di Firebase
  • Assicurati che il fingerprint SHA-1 sia configurato correttamente
  • Rivista l' esempio di app code per riferimento

Continua dall'accesso con Google su Firebase su Android

Sezione intitolata “Continua con Firebase Google Login su Android”

Se stai utilizzando Firebase Google Login su Android 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-biometric-nativo per il dettaglio di implementazione in @capgo/capacitor-biometric-nativo, e Autenticazione a due fattori per il dettaglio di implementazione in Autenticazione a due fattori.