Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

Gérer les utilisateurs dans Firebase

Créer un utilisateur

Vous créez un nouvel utilisateur dans votre projet Firebase en appelant la createUserWithEmailAndPassword méthode ou connectez- vous un utilisateur pour la première fois à l' aide d' un fournisseur d'identité fédérée, comme connexion Google ou Facebook Connectez - vous .

Vous pouvez également créer de nouveaux utilisateurs par mot de passe authentifié de la section d' authentification de la console Firebase , sur la page des utilisateurs, ou en utilisant le SDK d' administration .

Obtenir l'utilisateur actuellement connecté

La méthode recommandée pour obtenir l'utilisateur actuel consiste à définir un observateur sur l'objet Auth :

Web version 9

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/firebase.User
    const uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

Web version 8

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/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

En utilisant un observateur, vous vous assurez que l'objet Auth n'est pas dans un état intermédiaire, tel qu'une initialisation, lorsque vous obtenez l'utilisateur actuel. Lorsque vous utilisez signInWithRedirect , les onAuthStateChanged observateurs attend que getRedirectResult décide avant le déclenchement.

Vous pouvez également obtenir l'utilisateur actuellement signé en utilisant le currentUser propriété. Si un utilisateur n'est pas connecté, currentUser est nulle:

Web version 9

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/firebase.User
  // ...
} else {
  // No user is signed in.
}

Web version 8

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/firebase.User
  // ...
} else {
  // No user is signed in.
}

Obtenir le profil d'un utilisateur

Pour obtenir des informations de profil d'un utilisateur, utilisez les propriétés d'une instance de l' User . Par exemple:

Web version 9

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;
}

Web version 8

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.getToken() instead.
  const uid = user.uid;
}

Obtenir les informations de profil spécifiques au fournisseur d'un utilisateur

Pour obtenir les informations de profil récupéré du signe dans les fournisseurs liés à un utilisateur, utilisez la providerData propriété. Par exemple:

Web version 9

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);
  });
}

Web version 8

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);
  });
}

Mettre à jour le profil d'un utilisateur

Vous pouvez mettre à jour le nom et photo de profil d'affichage de l' information: l'utilisateur de profil de base d'un utilisateur URL avec la updateProfile méthode. Par exemple:

Web version 9

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
  // ...
});

Web version 8

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
  // ...
});  

Définir l'adresse e-mail d'un utilisateur

Vous pouvez définir l'adresse e - mail d'un utilisateur avec la updateEmail méthode. Par exemple:

Web version 9

import { getAuth, updateEmail } from "firebase/auth";
const auth = getAuth();
updateEmail(auth.currentUser, "user@example.com").then(() => {
  // Email updated!
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});

Web version 8

const user = firebase.auth().currentUser;

user.updateEmail("user@example.com").then(() => {
  // Update successful
  // ...
}).catch((error) => {
  // An error occurred
  // ...
});

Envoyer un e-mail de vérification à un utilisateur

Vous pouvez envoyer un e - mail de vérification d'adresse à un utilisateur avec la sendEmailVerification méthode. Par exemple:

Web version 9

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

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

Web version 8

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

Vous pouvez personnaliser le modèle de courrier électronique qui est utilisé dans la section d' authentification de la console Firebase , sur la page Modèles Email. Voir Modèles de courrier électronique dans Firebase Centre d' aide.

Il est également possible de passer par l' état d' une continue URL pour rediriger vers l'application lors de l' envoi d' un e - mail de vérification.

De plus, vous pouvez localiser l'e-mail de vérification en mettant à jour le code de langue sur l'instance d'authentification avant d'envoyer l'e-mail. Par exemple:

Web version 9

import { getAuth } from "firebase/auth";

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

Web version 8

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

Définir le mot de passe d'un utilisateur

Vous pouvez définir le mot de passe d'un utilisateur avec la updatePassword méthode. Par exemple:

Web version 9

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
  // ...
});

Web version 8

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

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

Envoyer un e-mail de réinitialisation de mot de passe

Vous pouvez envoyer un e - mail de réinitialisation de mot de passe à un utilisateur avec la sendPasswordResetEmail méthode. Par exemple:

Web version 9

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;
    // ..
  });

Web version 8

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

Vous pouvez personnaliser le modèle de courrier électronique qui est utilisé dans la section d' authentification de la console Firebase , sur la page Modèles Email. Voir Modèles de courrier électronique dans Firebase Centre d' aide.

Il est également possible de passer par l' état d' une continue URL pour rediriger vers l'application lors de l' envoi d' un e - mail de réinitialisation de mot de passe.

De plus, vous pouvez localiser l'e-mail de réinitialisation du mot de passe en mettant à jour le code de langue sur l'instance d'authentification avant d'envoyer l'e-mail. Par exemple:

Web version 9

import { getAuth } from "firebase/auth";

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

Web version 8

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

Vous pouvez également envoyer des e-mails de réinitialisation de mot de passe depuis la console Firebase.

Supprimer un utilisateur

Vous pouvez supprimer un compte d'utilisateur avec la delete méthode. Par exemple:

Web version 9

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

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

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

Web version 8

const user = firebase.auth().currentUser;

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

Vous pouvez également les utilisateurs de suppression de la section d' authentification de la console Firebase , sur la page des utilisateurs.

Ré-authentifier un utilisateur

Certaines actions telles sensibles à la sécurité que la suppression d' un compte , définir une adresse e - mail principale , et la modification d' un mot de passe -require que l'utilisateur a récemment signé. Si vous effectuez l' une de ces actions, et l'utilisateur connecté trop longtemps, la l'action échoue avec une erreur. Lorsque cela se produit, re-authentifier l'utilisateur en obtenant de nouveaux identifiants de l'utilisateur des informations d' identification et la transmission des informations d' identification à reauthenticateWithCredential . Par exemple:

Web version 9

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
  // ...
});

Web version 8

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 ocurred
  // ...
});

Importer des comptes d'utilisateurs

Vous pouvez importer des comptes d'utilisateurs à partir d' un fichier dans votre projet Firebase en utilisant la CLI de Firebase auth:import de commande. Par exemple:

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