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 Firebase Google. __CAPGO_KEEP_0__

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

    Panoramica del progetto di Firebase
  2. Clicca sul Add app tasto

    Button di aggiunta dell'app di Firebase Pulsante Aggiungi App di Firebase
  3. Seleziona Android

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

    1. Compila il Android package name
      1. Apri Android Studio per il tuo progetto usando npx cap open android
      2. Alla fine della finestra di navigazione, trova la Gradle Scripts Sezione Script Gradle nella finestra di navigazione del progetto di Android Studio
      3. Trova build.gradle per il modulo app file di build.gradle (modulo: app) nella sezione Gradle Scripts
      4. Copia il android.defaultConfig.applicationIdQuesto sarà il tuo package name nel console di Firebase File Build.gradle che mostra la configurazione di applicationId
      1. Incolla nel console di Firebase Campo Nome Pacchetto Android di Firebase Aggiungi App
    2. Clicca sul Register app button Aggiungi App di Firebase Android Button
  5. Saltare il Download and then add config file passaggio

    Aggiungi App di Firebase Android Saltare 'Download e poi aggiungi file di configurazione'
  6. Saltare il Add firebase SDK passaggio

    Aggiungi App di Firebase Android Saltare 'Aggiungi firebase SDK'
  7. Clicca sul Continue to console button

    Aggiungi App di Firebase Android Continua alla Console Button
  8. Se non ti autentichi automaticamente, vai a settings -> general -> your apps -> trova il tuo app Android e clicca su di esso

    Impostazioni Android Firebase Aggiungi App Generale I tuoi App
  9. Ottieni la tua impronta SHA1

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

    1. Ora, apri il terminale. Assicurati di essere nel android cartella del tuo app e esegui ./gradlew signInReport

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

      Output del terminale mostrante impronta SHA1 del certificato
  10. Aggiungi lo SHA1 al progetto Firebase

    1. Clicca sul Add fingerprint tasto Firebase Aggiungi App Android Aggiungi Firma Digitale Tasto
    2. Incolla lo SHA1 che hai copiato nel passaggio precedente Firebase Aggiungi App Android Aggiungi Firma Digitale Campo SHA1
    3. Clicca sul Save tasto Firebase Aggiungi App Android Aggiungi Fingerprint Salva Tasto
  11. Ottieni il tuo ID del client web

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

In questo punto, sei TECNICAMENTE pronto a 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 prossimo passo.

Verifica la configurazione nella console di Google Cloud

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

Per assicurarti che la configurazione sia corretta, dovresti verificare la configurazione nella 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 di Google Cloud Console
    2. Cerca il tuo progetto esattamente con il nome del tuo progetto Firebase e clicca su di esso. Nel mio caso, è sociallogin-tutorial-app. Selettore del progetto di Firebase Progetto
  3. Apri la barra di ricerca e apri credentials

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

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

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

    1. Clicca sul Web app Google Cloud Console Web App Seleziona
    2. Verifica che l'ID del client corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console Web App ID del client configurato

Ecco! Ora sei pronto ad utilizzare Google Sign-In con Firebase Authentication su Android.

Se l'autenticazione si blocca o fallisce:

  • Verifica che idToken l'audience corrisponda al tuo ID del client web Firebase
  • Controlla che Google Sign-In sia abilitato nel Console Firebase
  • Assicurati che il fingerprint SHA-1 sia configurato correttamente
  • Rivista l'applicazione di esempio __CAPGO_KEEP_0__ example app code Continua da Firebase Google Login on Android

Sezione intitolata “Continua da Firebase Google Login on Android”

Se stai utilizzando

Firebase Google Login on Android Se stai utilizzando Firebase Google Login on Android per pianificare l'autenticazione e le flussi di account, connettilo con Usando @capgo/capacitor-login-social per la capacità nativa in Usando @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, e L'autenticazione a due fattori per il dettaglio di implementazione in L'autenticazione a due fattori.