Saltare al contenuto

Accesso Google Firebase 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. 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. 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 bottone Bottone di registrazione per l'App di Firebase
  5. Saltare lo Download and then add config file passaggio

    Saltare lo
  6. passaggio Add firebase SDK Saltare lo

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

    Continua alla Console Firebase Add App Android
  8. Se non sei autenticato automaticamente, vai a settings -> general -> your apps -> trova il tuo app Android e clicca su di essa

    Firebase Add App Android Impostazioni Generali Applicazioni Tuo Button
  9. Ottieni il tuo SHA1 fingerprint

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

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

      Terminale mostrando 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 di Firebase Android Aggiungi Firma Digitale Button
    2. Incolla la SHA1 che hai copiato nel passaggio 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 autenticazione Firebase Authentication Google Provider
    4. Clicca sul Web SDK configuration bottone 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 ID del client web
  12. Utilizza l'ID del client web in JS.

Al momento, sei TECNICAMENTE pronto ad utilizzare l'accesso Google con l'autenticazione 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 utilizzando 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 credentials e clicca su APIs and Services uno (numero 2 nella schermata) Cerca credenziali Google Cloud Console
  4. Verifica di vedere sia l'ID del client Android che l'ID del client 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 Scegli app Google Cloud Console Android
    2. Verificare che l'hash SHA1 sia configurato correttamente e che corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console App Android SHA1 Configurato
  6. Verificare che l'ID del client web sia configurato correttamente nel console di Firebase.

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

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

Se l'autenticazione si blocca o fallisce:

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

Continua da lì con l'accesso Google su Firebase per 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 Usando @capgo/capacitor-login-social per la capacità nativa in Usando @capgo/capacitor-login-social Usando @capgo/capacitor-login-social per il dettaglio di implementazione in @capgo/capacitor-login-social Usando @capgo/capacitor-passkey per il dettaglio di implementazione in @capgo/capacitor-passkey Usando @capgo/capacitor-biometrica-nativa per il dettaglio di implementazione in @capgo/capacitor-biometrica-nativa, e Autenticazione a due fattori per il dettaglio di implementazione in Autenticazione a due fattori.