Esegui l'autenticazione con Firebase in modo anonimo utilizzando JavaScript

Puoi utilizzare Firebase Authentication per creare e utilizzare account temporanei anonimi per autenticarti con Firebase. Questi account anonimi temporanei possono essere utilizzati per consentire agli utenti che non hanno ancora eseguito la registrazione alla tua app di lavorare con i dati protetti dalle regole di sicurezza. Se un utente anonimo decide di registrarsi alla tua app, puoi collegare le sue credenziali di accesso all'account anonimo in modo che possa continuare a lavorare con i suoi dati protetti nelle sessioni future.

Prima di iniziare

  1. Aggiungi Firebase al tuo progetto JavaScript.
  2. Se non hai ancora collegato l'app al progetto Firebase, fallo dalla console Firebase.
  3. Attiva l'autenticazione anonima:
    1. Nella console Firebase, apri la sezione Auth.
    2. Nella pagina Metodi di accesso, attiva il metodo di accesso Anonimo.
    3. Facoltativo: se hai eseguito l'upgrade del progetto a Firebase Authentication with Identity Platform, puoi attivare la pulizia automatica. Se attivo questa impostazione, gli account anonimi che risalgono a oltre 30 giorni fa verranno eliminati automaticamente. Nei progetti in cui è attiva la pulizia automatica, l'autenticazione anonima non verrà più conteggiata ai fini dei limiti di utilizzo o delle quote di fatturazione. Vedi Pulizia automatica.

Eseguire l'autenticazione con Firebase in forma anonima

Quando un utente che non ha eseguito l'accesso utilizza una funzionalità dell'app che richiede l'autenticazione con Firebase, fai in modo che acceda in modo anonimo completando i seguenti passaggi:

  1. Chiama il metodo signInAnonymously:

    Web

    import { getAuth, signInAnonymously } from "firebase/auth";

const auth = getAuth();
signInAnonymously(auth)
  .then(() => {
    // Signed in..
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    // ...
  });
    auth_anon_sign_in.js

    Web

    firebase.auth().signInAnonymously()
  .then(() => {
    // Signed in..
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...
  });
    anonymous.js
    Qui puoi anche rilevare e gestire gli errori. Per un elenco dei codici di errore, consulta la documentazione di riferimento per l'autenticazione.
  2. Se il metodo signInAnonymously viene completato senza errori, l'osservatore registrato in onAuthStateChanged verrà attivato e potrai recuperare i dati dell'account dell'utente anonimo dall'oggetto User:

    Web

    import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth();
onAuthStateChanged(auth, (user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/auth.user
    const uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});
    auth_state_listener.js

    Web

    firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/v8/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});
    index.js

Convertire un account anonimo in un account permanente

Quando un utente anonimo si registra alla tua app, potresti volergli consentire di continuare a lavorare con il suo nuovo account. Ad esempio, potresti rendere disponibili nel carrello del nuovo account gli articoli che l'utente ha aggiunto al carrello prima di registrarsi. Per farlo, segui questa procedura.

  1. Quando l'utente si registra, completa la procedura di accesso per il fornitore di servizi di autenticazione dell'utente fino alla chiamata di uno dei metodi Auth.signInWith, esclusa questa operazione. Ad esempio, recupera il token ID Google, il token di accesso di Facebook o l'indirizzo email e la password dell'utente.

  2. Ricevi un AuthCredential per il nuovo provider di autenticazione:

    Accedi con Google

    Web

    import { GoogleAuthProvider } from "firebase/auth";

const credential = GoogleAuthProvider.credential(
  googleUser.getAuthResponse().id_token);
    auth_make_google_credential.js

    Web

    var credential = firebase.auth.GoogleAuthProvider.credential(
  googleUser.getAuthResponse().id_token);
    index.js
    Accesso a Facebook

    Web

    import { FacebookAuthProvider } from "firebase/auth";

const credential = FacebookAuthProvider.credential(
  response.authResponse.accessToken);
    auth_make_facebook_credential.js

    Web

    var credential = firebase.auth.FacebookAuthProvider.credential(
  response.authResponse.accessToken);
    index.js
    Accesso con email e password

    Web

    import { EmailAuthProvider } from "firebase/auth";

const credential = EmailAuthProvider.credential(email, password);
    auth_make_email_credential.js

    Web

    var credential = firebase.auth.EmailAuthProvider.credential(email, password);
    link-multiple-accounts.js

  3. Passa l'oggetto AuthCredential al metodo link dell'utente che ha eseguito l'accesso:

    Web

    import { getAuth, linkWithCredential } from "firebase/auth";

const auth = getAuth();
linkWithCredential(auth.currentUser, credential)
  .then((usercred) => {
    const user = usercred.user;
    console.log("Anonymous account successfully upgraded", user);
  }).catch((error) => {
    console.log("Error upgrading anonymous account", error);
  });
    auth_anonymous_link.js

    Web

    auth.currentUser.linkWithCredential(credential)
  .then((usercred) => {
    var user = usercred.user;
    console.log("Anonymous account successfully upgraded", user);
  }).catch((error) => {
    console.log("Error upgrading anonymous account", error);
  });
    link-multiple-accounts.js

Se la chiamata a link va a buon fine, il nuovo account dell'utente può accedere ai dati di Firebase dell'account anonimo.

Pulizia automatica

Se hai eseguito l'upgrade del progetto a Firebase Authentication with Identity Platform, puoi attivare il ripristino automatico nella console Firebase. Se attivi questa funzionalità, consenti a Firebase di eliminare automaticamente gli account anonimi che risalgono a oltre 30 giorni fa. Nei progetti in cui è attivata la pulizia automatica, l'autenticazione anonima non viene conteggiata ai fini dei limiti di utilizzo o delle quote di fatturazione.

  • Tutti gli account anonimi creati dopo l'attivazione della pulizia automatica potrebbero essere eliminati automaticamente in qualsiasi momento dopo 30 giorni dalla creazione.
  • Gli account anonimi esistenti saranno idonei per l'eliminazione automatica 30 giorni dopo l'attivazione della pulizia automatica.
  • Se disattivi la pulizia automatica, gli account anonimi pianificati per l'eliminazione rimarranno pianificati per l'eliminazione.
  • Se esegui l'upgrade di un account anonimo collegandolo a qualsiasi metodo di accesso, l'account non verrà eliminato automaticamente.

Se vuoi sapere quanti utenti saranno interessati prima di attivare questa funzionalità e hai eseguito l'upgrade del progetto a Firebase Authentication with Identity Platform, puoi filtrare in base a is_anon in Cloud Logging.

Passaggi successivi

Ora che gli utenti possono autenticarsi con Firebase, puoi controllare il loro accesso ai dati nel tuo database Firebase utilizzando le Regole Firebase.