Cette page a été traduite par l'API Cloud Translation.
Switch to English

Démarrage rapide : procéder à la connexion des utilisateurs avec une adresse e-mail et un mot de passe

Ce guide de démarrage rapide explique comment utiliser Identity Platform pour connecter un utilisateur avec une adresse e-mail et un mot de passe.

Avant de commencer

  1. Connectez-vous à votre compte Google.

    Si vous n'en possédez pas déjà un, vous devez en créer un.

  2. Dans Google Cloud Console, sur la page de sélection du projet, sélectionnez ou créez un projet Google Cloud.

    Accéder à la page de sélection du projet

  3. Assurez-vous que la facturation est activée pour votre projet Cloud. Découvrez comment vérifier que la facturation est activée pour votre projet.

Activer Identity Platform

  1. Accédez à la page Identity Platform Marketplace dans Cloud Console.

    Accéder à la page "Identity Platform Marketplace"

  2. Cliquez sur Activer Identity Platform. La page "Identity Platform" s'affiche dans Cloud Console.

Configurer la connexion par e-mail

  1. Accédez à la page Fournisseurs d'identité dans Cloud Console.

    Accéder à la page "Fournisseurs d'identité"

  2. Cliquez sur Ajouter un fournisseur.

  3. Sélectionnez E-mail/Mot de passe dans la liste des fournisseurs et des normes de fédération d'entreprise.

  4. Basculez le bouton Activé sur l'état activé.

  5. Cliquez sur Enregistrer.

Créer un compte utilisateur

  1. Accédez à la page Utilisateurs de Cloud Console.

    Accéder à la page Utilisateurs

  2. Cliquez sur Ajouter un utilisateur.

  3. Saisissez une adresse e-mail et un mot de passe.

  4. Cliquez sur Enregistrer. Le nouvel utilisateur apparaît dans la liste des utilisateurs.

Connecter l'utilisateur

  1. Créez un fichier nommé index.html :

  2. Ajoutez deux conteneurs HTML de base :

    <div>Identity Platform Quickstart</div>
    <div id="message">Loading...</div>
    
  3. Initialisez le SDK client Identity Platform avec votre clé API :

    1. Accédez à la page Fournisseurs d'identité dans Cloud Console.

      Accéder à la page "Fournisseurs d'identité"

    2. Cliquez sur Informations sur la configuration de l'application.

    3. Copiez le code d'initialisation dans index.html. Il devrait ressembler à ceci :

      <script src="https://www.gstatic.com/firebasejs/8.2.2/firebase.js"></script>
      <script>
        // Initialize Identity Platform
        var config = {
          apiKey: "abcdefg123456",
          authDomain: "myproject.firebaseapp.com"
        };
        firebase.initializeApp(config);
      </script>
      
  4. Connectez l'utilisateur en appelant signInWithEmailAndPassword(), puis traitez le résultat avec le rappel onAuthStateChanged(). Dans l'exemple ci-dessous, remplacez email et password par les valeurs de l'utilisateur que vous avez créé précédemment :

    <script>
      var email = "example@gmail.com";
      var password = "hunter2";
    
      firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
          document.getElementById("message").innerHTML = "Welcome, " + user.email;
        } else {
          document.getElementById("message").innerHTML = "No user signed in.";
        }
      });
    
      firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
        document.getElementById("message").innerHTML = error.message;
      });
    </script>
    
  5. Lancez index.html dans votre navigateur Web. Un message de bienvenue contenant l'e-mail de votre utilisateur s'affiche.

Félicitations ! Vous avez connecté votre premier utilisateur avec Identity Platform.

Étape suivante

Dans une application réelle, vos utilisateurs s'inscrivent via une page d'enregistrement dédiée, puis se connectent en saisissant leur adresse e-mail et leur mot de passe. Identity Platform propose une UI d'authentification préconçue que vous pouvez utiliser pour ces pages, ou vous pouvez créer la vôtre. Vous pouvez également accepter des méthodes de connexion supplémentaires, telles que des fournisseurs de réseaux sociaux (tels que Facebook ou Google), des numéros de téléphone, OIDC ou SAML.

En savoir plus sur les actions suivantes :