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 Firebase Bottone di aggiunta dell'app Firebase
  3. Seleziona Android

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

    1. Riempi 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. Trova 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 Il 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 Bottone di registrazione per l'App di Firebase

    Firebase Add App Android Skip 'Add firebase SDK'
  7. button 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 generale dell'App Android Firebase
  9. Ottieni il tuo fingerprint SHA1

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

    1. Apri ora il terminale. Assicurati di essere nella cartella della tua app e esegui android Terminale mostrando il comando gradlew signInReport ./gradlew signInReport

      Scorri verso l'alto di questo comando. Dovresti vedere il seguente. Copia il
    2. translations 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 di Firebase Android Aggiungi Firma Digitale Button
    2. Incolla la chiave SHA1 che hai copiato nel passo precedente Aggiungi App di Firebase Android Aggiungi Firma Digitale SHA1 Campo
    3. Clicca sul Save button Aggiungi App di Firebase Android Aggiungi Firma Digitale Salva Button
  11. Ottieni il tuo ID del client web

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

Al momento, sei TECNICAMENTE pronto per utilizzare l'accesso con Google Sign-In con l'autenticazione di Firebase su Android. Tuttavia, ti consiglio di verificare nuovamente la configurazione nel console di Google Cloud come spiegato nel prossimo passo.

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 uno (numero 2 nell'immagine) Cerca credenziali di Google Cloud Console
  4. Verifica di vedere sia l'ID del client Android che l'ID del client Web nella lista.

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

    1. Clicca sul Android App Scegli l'app di 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

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

Elenchi dei problemi

Elenchi dei problemi

Se l'autenticazione si blocca o fallisce:

  • Verificare che l' idToken audience corrisponda al vostro ID del client web Firebase
  • Verificare che l'accesso Google sia abilitato nel Firebase Console
  • Assicurarsi che il fingerprint SHA-1 sia configurato correttamente
  • Rivedere l' esempio di app code per riferimento

Se stai utilizzando Firebase Google Login su Android per pianificare l'autenticazione e i flussi di account, connettilo con Utilizza @capgo/capacitor-login-social per la capacità nativa in Utilizza @capgo/capacitor-login-social @capgo/capacitor-login-social per il dettaglio di implementazione in @capgo/capacitor-login-social @capgo/capacitor-passkey per il dettaglio di implementazione in @capgo/capacitor-passkey @capgo/capacitor-biometric-nativo per il dettaglio di implementazione in @capgo/capacitor-biometric-nativo Autenticazione a due fattori per la dettagliata implementazione in Autenticazione a due fattori.