Saltare al contenuto

Firebase Google Login su Android

GitHub

Questa guida ti aiuterà a integrare Google Sign-In con Firebase Authentication su Android. Suppongo che tu abbia già completato lo __CAPGO_KEEP_0__

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

    Panoramica del progetto Firebase
  2. Clicca sul Add app bottone

    Firebase Add App Button Firebase Add App Button
  3. Seleziona Android

    Firebase Add App Android Button
  4. Compila la prima parte del modulo

    1. Compila il Android package name
      1. Apri Android Studio per la tua app npx cap open android
      2. All'interno del navigatore, trova la sezione 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 di Firebase Il file Build.gradle che mostra la configurazione di applicationId
      1. Incolla il link nel console di Firebase Firebase Aggiungi App Nome Pacchetto Android
    2. Clicca sul Register app tasto Firebase Aggiungi App Tasto di Registrazione Android
  5. Saltare il Download and then add config file passaggio

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

    Firebase Aggiungi App Saltare 'Aggiungi firebase SDK'
  7. Clicca sul pulsante Continue to console tasto

    Firebase Aggiungi App 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

    Firebase Aggiungi App Android Impostazioni Generali I tuoi App Button
  9. Ottieni il tuo SHA1 fingerprint

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

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

      Terminale mostrando gradlew signInReport comando
    2. Scorri fino in alto di questo comando. Dovresti vedere il seguente. Copia il SHA1.

      Output del terminale che mostra il fingerprint del certificato SHA1
  10. Aggiungi il SHA1 al progetto Firebase

    1. Clicca sul Add fingerprint button Aggiungi App Firebase Android Aggiungi Fingerprint Button
    2. Incolla l'SHA1 che hai copiato nel passo precedente Aggiungi App Firebase Android Aggiungi Fingerprint SHA1 Field
    3. Clicca sul Save button Aggiungi App Firebase Android Aggiungi Fingerprint Salva Button
  11. Ottieni il tuo ID del client web

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

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 passaggio successivo. Verifica la configurazione nel console di Google Cloud

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

Use the web client ID in JS.

Per assicurarsi che la configurazione sia corretta, dovresti verificare 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 di 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 Project
  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 il numero 2 nell'immagine di screenshot 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 Google Cloud Console App Android Selezione
    2. Verifica che l'hash SHA1 sia configurato correttamente e che corrisponda a quello copiato nei passaggi precedenti. Google Cloud Console App Android Hash SHA1 Configurato
  6. Verifica che l'ID del client Web sia configurato correttamente nel console di Firebase.

    1. Clicca su il Web app Google Cloud Console App Web Selezione
    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 ad utilizzare Google Sign-In con Firebase Authentication su Android.

Se l'autenticazione si blocca o fallisce:

  • Verifica che l'audience corrisponda al tuo ID del client web Firebase idToken Controlla che Google Sign-In sia abilitato nel Firebase Console
  • Assicurati che lo SHA-1 fingerprint sia configurato correttamente
  • Rivista l'applicazione di esempio __CAPGO_KEEP_0__ per riferimento
  • Troubleshooting example app code web setup guide

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, @capgo/capacitor-login-social per il dettaglio di implementazione in @capgo/capacitor-login-social, @capgo/capacitor-chiave-pass per il dettaglio di implementazione in @capgo/capacitor-chiave-pass, @capgo/capacitor-biometrica-nativa per il dettaglio di implementazione in @capgo/capacitor-autenticazione nativa Autenticazione a due fattori per il dettaglio di implementazione in Autenticazione a due fattori