Gestisci gli utenti in Firebase

Crea un utente

Puoi creare un nuovo utente nel tuo progetto Firebase chiamando il metodo createUserWithEmailAndPassword o accedendo a un utente per la prima volta utilizzando un provider di identità federato, come Google Sign-In o Facebook Login .

Puoi anche creare nuovi utenti autenticati tramite password dalla sezione Autenticazione della console Firebase , nella pagina Utenti o utilizzando Admin SDK .

Ottieni l'utente attualmente connesso

Il modo consigliato per ottenere l'utente corrente è impostare un osservatore sull'oggetto Auth:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

Utilizzando un osservatore, ti assicuri che l'oggetto Auth non si trovi in ​​uno stato intermedio, ad esempio l'inizializzazione, quando ottieni l'utente corrente. Quando utilizzi signInWithRedirect , l'osservatore onAuthStateChanged attende finché getRedirectResult non si risolve prima dell'attivazione.

Puoi anche ottenere l'utente attualmente connesso utilizzando la proprietà currentUser . Se un utente non ha effettuato l'accesso, currentUser è null:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/auth.user
  // ...
} else {
  // No user is signed in.
}
auth_current_user.js

Web namespaced API

const user = firebase.auth().currentUser;

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/v8/firebase.User
  // ...
} else {
  // No user is signed in.
}
index.js

Nota: currentUser potrebbe anche essere null perché l'oggetto auth non ha terminato l'inizializzazione. Se utilizzi un osservatore per tenere traccia dello stato di accesso dell'utente, non è necessario gestire questo caso.

Ottieni il profilo di un utente

Per ottenere informazioni sul profilo di un utente, utilizzare le proprietà di un'istanza di User . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;
if (user !== null) {
  // The user object has basic properties such as display name, email, etc.
  const displayName = user.displayName;
  const email = user.email;
  const photoURL = user.photoURL;
  const emailVerified = user.emailVerified;

  // The user's ID, unique to the Firebase project. Do NOT use
  // this value to authenticate with your backend server, if
  // you have one. Use User.getToken() instead.
  const uid = user.uid;
}
auth_get_user_profile.js

Web namespaced API

const user = firebase.auth().currentUser;
if (user !== null) {
  // The user object has basic properties such as display name, email, etc.
  const displayName = user.displayName;
  const email = user.email;
  const photoURL = user.photoURL;
  const emailVerified = user.emailVerified;

  // The user's ID, unique to the Firebase project. Do NOT use
  // this value to authenticate with your backend server, if
  // you have one. Use User.getIdToken() instead.
  const uid = user.uid;
}
manage.js

Importante: fai attenzione quando imposti (e successivamente visualizzi) valori dell'interfaccia utente potenzialmente rivolti all'utente come displayName e photoURL . L'API non filtra i valori per prevenire potenziali attacchi di tipo XSS.

Ottieni informazioni sul profilo specifico del provider di un utente

Per ottenere le informazioni sul profilo recuperate dai provider di accesso collegati a un utente, utilizzare la proprietà providerData . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth } from "firebase/auth";

const auth = getAuth();
const user = auth.currentUser;

if (user !== null) {
  user.providerData.forEach((profile) => {
    console.log("Sign-in provider: " + profile.providerId);
    console.log("  Provider-specific UID: " + profile.uid);
    console.log("  Name: " + profile.displayName);
    console.log("  Email: " + profile.email);
    console.log("  Photo URL: " + profile.photoURL);
  });
}
auth_get_user_profile_provider.js

Web namespaced API

const user = firebase.auth().currentUser;

if (user !== null) {
  user.providerData.forEach((profile) => {
    console.log("Sign-in provider: " + profile.providerId);
    console.log("  Provider-specific UID: " + profile.uid);
    console.log("  Name: " + profile.displayName);
    console.log("  Email: " + profile.email);
    console.log("  Photo URL: " + profile.photoURL);
  });
}
manage.js

Aggiorna il profilo di un utente

Puoi aggiornare le informazioni di base del profilo di un utente, ovvero il nome visualizzato e l'URL della foto del profilo, con il metodo updateProfile . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth, updateProfile } from "firebase/auth";
const auth = getAuth();
updateProfile(auth.currentUser, {
  displayName: "Jane Q. User", photoURL: "https://example.com/jane-q-user/profile.jpg"
}).then(() => {
  // Profile updated!
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});
auth_update_user_profile.js

Web namespaced API

const user = firebase.auth().currentUser;

user.updateProfile({
  displayName: "Jane Q. User",
  photoURL: "https://example.com/jane-q-user/profile.jpg"
}).then(() => {
  // Update successful
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});  
manage.js

Imposta l'indirizzo email di un utente

Puoi impostare l'indirizzo email di un utente con il metodo updateEmail . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth, updateEmail } from "firebase/auth";
const auth = getAuth();
updateEmail(auth.currentUser, "[e-mail]").then(() => {
  // Email updated!
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});
auth_update_user_email.js

Web namespaced API

const user = firebase.auth().currentUser;

user.updateEmail("[e-mail]").then(() => {
  // Update successful
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});
manage.js

Importante: per impostare l'indirizzo email di un utente, l'utente deve aver effettuato l'accesso di recente. Vedere Riautenticare un utente .

Invia a un utente un'e-mail di verifica

È possibile inviare un'e-mail di verifica dell'indirizzo a un utente con il metodo sendEmailVerification . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

const auth = getAuth();
sendEmailVerification(auth.currentUser)
  .then(() => {
    // Email verification sent!
    // ...
  });
auth_send_email_verification.js

Web namespaced API

firebase.auth().currentUser.sendEmailVerification()
  .then(() => {
    // Email verification sent!
    // ...
  });
email.js

Puoi personalizzare il modello di email utilizzato nella sezione Autenticazione della console Firebase , nella pagina Modelli di email. Consulta i modelli di email nel Centro assistenza Firebase.

È anche possibile trasmettere lo stato tramite un URL di continuazione per reindirizzare all'app quando si invia un'e-mail di verifica.

Inoltre puoi localizzare l'e-mail di verifica aggiornando il codice della lingua nell'istanza di autenticazione prima di inviare l'e-mail. Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth } from "firebase/auth";

const auth = getAuth();
auth.languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// auth.useDeviceLanguage();
auth_set_language_code.js

Web namespaced API

firebase.auth().languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();
index.js

Imposta la password di un utente

È possibile impostare la password di un utente con il metodo updatePassword . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

const auth = getAuth();

const user = auth.currentUser;
const newPassword = getASecureRandomPassword();

updatePassword(user, newPassword).then(() => {
  // Update successful.
}).catch((error) => {
  // An error ocurred
  // ...
});
auth_update_password.js

Web namespaced API

const user = firebase.auth().currentUser;
const newPassword = getASecureRandomPassword();

user.updatePassword(newPassword).then(() => {
  // Update successful.
}).catch((error) => {
  // An error ocurred
  // ...
});
manage.js

Importante: per impostare la password di un utente, l'utente deve aver effettuato l'accesso di recente. Vedere Riautenticare un utente .

Invia un'e-mail di reimpostazione della password

È possibile inviare un'e-mail di reimpostazione della password a un utente con il metodo sendPasswordResetEmail . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

const auth = getAuth();
sendPasswordResetEmail(auth, email)
  .then(() => {
    // Password reset email sent!
    // ..
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    // ..
  });
auth_send_password_reset.js

Web namespaced API

firebase.auth().sendPasswordResetEmail(email)
  .then(() => {
    // Password reset email sent!
    // ..
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ..
  });
email.js

Puoi personalizzare il modello di email utilizzato nella sezione Autenticazione della console Firebase , nella pagina Modelli di email. Consulta i modelli di email nel Centro assistenza Firebase.

È anche possibile passare lo stato tramite un URL di continuazione per reindirizzare all'app quando si invia un'e-mail di reimpostazione della password.

Inoltre è possibile localizzare l'e-mail di reimpostazione della password aggiornando il codice della lingua sull'istanza di autenticazione prima di inviare l'e-mail. Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

import { getAuth } from "firebase/auth";

const auth = getAuth();
auth.languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// auth.useDeviceLanguage();
auth_set_language_code.js

Web namespaced API

firebase.auth().languageCode = 'it';
// To apply the default browser preference instead of explicitly setting it.
// firebase.auth().useDeviceLanguage();
index.js

Puoi anche inviare e-mail di reimpostazione della password dalla console Firebase.

Elimina un utente

È possibile eliminare un account utente con il metodo delete . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

const auth = getAuth();
const user = auth.currentUser;

deleteUser(user).then(() => {
  // User deleted.
}).catch((error) => {
  // An error ocurred
  // ...
});
auth_delete_user.js

Web namespaced API

const user = firebase.auth().currentUser;

user.delete().then(() => {
  // User deleted.
}).catch((error) => {
  // An error ocurred
  // ...
});
manage.js

Importante: per eliminare un utente, l'utente deve aver effettuato l'accesso di recente. Vedere Riautenticare un utente .

Puoi anche eliminare gli utenti dalla sezione Autenticazione della console Firebase , nella pagina Utenti.

Riautenticare un utente

Alcune azioni sensibili alla sicurezza, come l'eliminazione di un account , l'impostazione di un indirizzo email principale e la modifica di una password , richiedono che l'utente abbia effettuato l'accesso di recente. Se esegui una di queste azioni e l'utente ha effettuato l'accesso troppo tempo fa, il l'azione fallisce con un errore. In questo caso, autenticare nuovamente l'utente ottenendo nuove credenziali di accesso dall'utente e passando le credenziali a reauthenticateWithCredential . Per esempio:

Web modular API

Scopri di più sull'API Web modulare modificabile ad albero e sull'aggiornamento dall'API con spazio dei nomi.

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

const auth = getAuth();
const user = auth.currentUser;

// TODO(you): prompt the user to re-provide their sign-in credentials
const credential = promptForCredentials();

reauthenticateWithCredential(user, credential).then(() => {
  // User re-authenticated.
}).catch((error) => {
  // An error ocurred
  // ...
});
auth_reauth_with_credential.js

Web namespaced API

const user = firebase.auth().currentUser;

// TODO(you): prompt the user to re-provide their sign-in credentials
const credential = promptForCredentials();

user.reauthenticateWithCredential(credential).then(() => {
  // User re-authenticated.
}).catch((error) => {
  // An error occurred
  // ...
});
manage.js

Importa account utente

Puoi importare account utente da un file nel tuo progetto Firebase utilizzando il comando auth:import della CLI Firebase. Per esempio:

firebase auth:import users.json --hash-algo=scrypt --rounds=8 --mem-cost=14