Esegui l'autenticazione con Firebase in modo anonimo utilizzando JavaScript

Puoi utilizzare Firebase Authentication per creare e utilizzare account anonimi temporanei per l'autenticazione con Firebase. Questi account anonimi temporanei possono essere utilizzati per consentire agli utenti che non si sono ancora registrati 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 la tua app al tuo progetto Firebase, fallo da console Firebase.
3. Abilita l'autenticazione anonima:
   1. Nella Firebase console, apri la sezione Autenticazione.
   2. Nella pagina Metodi di accesso, abilita il metodo di accesso Anonimo.
      Suggerimento: se preferisci utilizzare la Firebase CLI, esegui firebase init auth per configurare i provider di autenticazione, quindi esegui firebase deploy --only auth per eseguire il deployment delle modifiche al tuo progetto.
   3. Facoltativo: se hai eseguito l'upgrade del tuo progetto a Firebase Authentication with Identity Platform, puoi abilitare la pulizia automatica. Quando abiliti questa impostazione, gli account anonimi che risalgono a oltre 30 giorni fa verranno eliminati automaticamente Nei progetti con la pulizia automatica abilitata, l'autenticazione anonima non rientrerà più nel conteggio dei limiti di utilizzo o delle quote di fatturazione. Consulta Pulizia automatica.

Eseguire l'autenticazione con Firebase in modo anonimo

Quando un utente che non ha eseguito l'accesso utilizza una funzionalità dell'app che richiede l'autenticazione con Firebase, esegui l'accesso dell'utente 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 i documenti di riferimento dell'autenticazione.
2. Se il metodo signInAnonymously viene completato senza errori, l'observer registrato in onAuthStateChanged si attiverà 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

Per proteggere il tuo progetto da comportamenti illeciti, Firebase limita il numero di nuove registrazioni tramite email/password e account anonimi che la tua applicazione può ricevere dallo stesso indirizzo IP in un breve periodo di tempo. Puoi richiedere e pianificare modifiche temporanee a questa quota dalla Firebase console.

Convertire un account anonimo in un account permanente

Quando un utente anonimo si registra alla tua app, potresti voler consentirgli di continuare a lavorare con il suo nuovo account. Ad esempio, potresti voler rendere disponibili nel carrello degli acquisti del nuovo account gli articoli che l'utente ha aggiunto al carrello degli acquisti prima della registrazione. Per farlo, completa i seguenti passaggi:

1. Quando l'utente si registra, completa il flusso di accesso per il provider di autenticazione dell'utente fino alla chiamata di uno dei Auth.signInWith metodi, ma non includerla. Ad esempio, recupera il token ID Google dell'utente, token di accesso di Facebook o indirizzo email e password.

2. Recupera un oggetto 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 con 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 Firebase dell'account anonimo.

Questa tecnica può essere utilizzata anche per collegare due account qualsiasi.

Pulizia automatica

Se hai eseguito l'upgrade del tuo progetto a Firebase Authentication with Identity Platform, puoi abilitare la pulizia automatica nella console Firebase. Quando abiliti questa funzionalità, consenti a Firebase di eliminare automaticamente gli account anonimi che risalgono a oltre 30 giorni fa. Nei progetti con la pulizia automatica abilitata, l'autenticazione anonima non rientrerà nel conteggio dei limiti di utilizzo o delle quote di fatturazione.

• Gli account anonimi creati dopo l'abilitazione della pulizia automatica potrebbero essere eliminati automaticamente in qualsiasi momento dopo 30 giorni dalla creazione.
• Gli account anonimi esistenti potranno essere eliminati automaticamente 30 giorni dopo l'abilitazione 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 un metodo di accesso, l'account non verrà eliminato automaticamente.

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

Passaggi successivi

Ora che gli utenti possono eseguire l'autenticazione con Firebase, puoi controllare il loro accesso ai dati nel database Firebase utilizzando le regole di Firebase.