Autenticati 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 dati protetti da 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 dalla console Firebase .
  3. Abilita autenticazione anonima:
    1. Nella console Firebase , apri la sezione Auth .
    2. Nella pagina Metodi di accesso abilitare il metodo di accesso anonimo .
    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 più vecchi di 30 giorni verranno automaticamente eliminati. Nei progetti con la pulizia automatica abilitata, l'autenticazione anonima non verrà più conteggiata ai fini dei limiti di utilizzo o delle quote di fatturazione. Vedere Pulizia automatica .

Esegui l'autenticazione con Firebase in modo anonimo

Quando un utente disconnesso utilizza una funzionalità dell'app che richiede l'autenticazione con Firebase, accedi in modo anonimo completando i seguenti passaggi:

  1. Chiama il metodo signInAnonymously :

    Web modular API

    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 namespaced API

    firebase.auth().signInAnonymously()
  .then(() => {
    // Signed in..
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...
  });
    anonymous.js
    Questo è anche il luogo in cui puoi rilevare e gestire gli errori. Per un elenco dei codici di errore, dai un'occhiata ai documenti di riferimento per l'autenticazione .
  2. Se il metodo signInAnonymously viene completato senza errori, l'osservatore registrato in onAuthStateChanged si attiverà e potrai ottenere i dati dell'account dell'utente anonimo dall'oggetto User :

    Web modular API

    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 namespaced API

    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

Converti un account anonimo in un account permanente

Quando un utente anonimo si registra alla tua app, potresti voler consentire loro di continuare a lavorare con il suo nuovo account, ad esempio potresti voler rendere disponibili nel nuovo account gli articoli che l'utente ha aggiunto al proprio carrello prima di registrarsi carrello dell'account. Per fare ciò, completare i seguenti passaggi:

  1. Quando l'utente si registra, completa il flusso di accesso per il provider di autenticazione dell'utente fino a chiamare uno dei metodi Auth.signInWith , senza includerlo. Ad esempio, ottieni il token dell'ID Google dell'utente, il token di accesso a Facebook o l'indirizzo e-mail e la password dell'utente.

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

    Accedi con Google

    Web modular API

    import { GoogleAuthProvider } from "firebase/auth";

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

    Web namespaced API

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

    Web modular API

    import { FacebookAuthProvider } from "firebase/auth";

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

    Web namespaced API

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

    Web modular API

    import { EmailAuthProvider } from "firebase/auth";

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

    Web namespaced API

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

  3. Passa l'oggetto AuthCredential al metodo link dell'utente di accesso:

    Web modular API

    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 namespaced API

    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 al link riesce, il nuovo account dell'utente può accedere ai dati Firebase dell'account anonimo.

Pulizia automatica

Se hai aggiornato il tuo progetto a Firebase Authentication with Identity Platform , puoi abilitare la pulizia automatica nella console Firebase. Quando abiliti questa funzione, consenti a Firebase di eliminare automaticamente gli account anonimi più vecchi di 30 giorni. Nei progetti con la pulizia automatica abilitata, l'autenticazione anonima non verrà conteggiata ai fini dei limiti di utilizzo o delle quote di fatturazione.

  • Tutti gli account anonimi creati dopo aver abilitato la pulizia automatica potrebbero essere eliminati automaticamente in qualsiasi momento dopo 30 giorni dalla creazione.
  • Gli account anonimi creati prima dell'abilitazione della pulizia automatica saranno idonei per l'eliminazione automatica a partire da 30 giorni dopo l'abilitazione della pulizia automatica.
  • Se disattivi la pulizia automatica, tutti gli account anonimi programmati per l'eliminazione rimarranno programmati per l'eliminazione. Questi account non vengono conteggiati ai fini dei limiti di utilizzo o delle quote di fatturazione.
  • Se "aggiorni" un account anonimo collegandolo a qualsiasi metodo di accesso, l'account non verrà eliminato automaticamente.

Se vuoi vedere quanti utenti saranno interessati prima di abilitare questa funzione e hai aggiornato il tuo progetto a Firebase Authentication with Identity Platform , puoi filtrare per is_anon in Cloud Logging .

Prossimi passi

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