Esegui l'autenticazione con Firebase in modo anonimo utilizzando JavaScript

Puoi utilizzare Firebase Authentication per creare e utilizzare account anonimi temporanei per eseguire l'autenticazione con Firebase. Questi account anonimi temporanei possono essere utilizzati per: consenti agli utenti che non si sono ancora registrati alla tua app di lavorare con i dati protetti in base alle regole di sicurezza. Se un utente anonimo decide di registrarsi alla tua app, puoi collegare le proprie credenziali di accesso all'account anonimo account per poter continuare a lavorare con i propri dati protetti sessioni future.

Prima di iniziare

  1. Aggiungi Firebase al tuo progetto JavaScript.
  2. Se non hai ancora collegato la tua app al progetto Firebase, puoi farlo da la console Firebase.
  3. Abilita autenticazione anonima:
    1. Nella console Firebase, apri la sezione Auth.
    2. Nella pagina Metodi di accesso, attiva l'opzione 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 è abilitata la pulizia automatica, l'autenticazione anonima non vengono conteggiati ai fini dei limiti di utilizzo o delle quote di fatturazione. Consulta Pulizia automatica.

Esegui 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, accedi all'utente in modo anonimo svolgendo 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 individuare 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
di Gemini Advanced.

Convertire un account anonimo in un account permanente

Quando un utente anonimo si registra alla tua app, è possibile che tu voglia consentirgli di continuare a lavorare con il nuovo account, ad esempio, fare in modo che gli articoli che l'utente abbia aggiunto al carrello prima di registrarsi disponibili nel carrello del nuovo account. Per farlo, completa i seguenti passaggi passaggi:

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

  2. Richiedi 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 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 via email con 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. Trasmetti l'oggetto AuthCredential all'account dell'utente che ha eseguito l'accesso Metodo link:

    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: abilita la pulizia automatica nella console Firebase. Attivando questa funzionalità consenti Firebase per eliminare automaticamente gli account anonimi che risalgono a più di 30 giorni fa. Nei progetti con pulizia abilitata, l'autenticazione anonima non verrà conteggiata ai fini dei limiti di utilizzo o delle quote di fatturazione.

  • Gli account anonimi creati dopo aver attivato la pulizia automatica potrebbero essere in qualsiasi momento dopo 30 giorni dalla creazione.
  • Gli account anonimi esistenti saranno idonei all'eliminazione automatica dopo 30 giorni per consentire la pulizia automatica.
  • Se disattivi la pulizia automatica, tutti gli account anonimi pianificati per l'eliminazione rimarranno pianificato per l'eliminazione.
  • Se esegui l'upgrade un account anonimo collegandolo a qualsiasi metodo di accesso, l'account non vengono eliminati automaticamente.

Se vuoi vedere quanti utenti saranno interessati prima di abilitare questa funzione e hai ha eseguito l'upgrade del progetto a Firebase Authentication with Identity Platform, puoi filtrare per is_anon nel 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.