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
- Connectez-vous à votre compte Google.
Si vous n'en possédez pas déjà un, vous devez en créer un.
-
Dans Google Cloud Console, sur la page de sélection du projet, sélectionnez ou créez un projet Google Cloud.
-
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
Accédez à la page Identity Platform Marketplace dans Cloud Console.
Cliquez sur Activer Identity Platform. La page "Identity Platform" s'affiche dans Cloud Console.
Configurer la connexion par e-mail
Accédez à la page Fournisseurs d'identité dans Cloud Console.
Cliquez sur Ajouter un fournisseur.
Sélectionnez E-mail/Mot de passe dans la liste des fournisseurs et des normes de fédération d'entreprise.
Basculez le bouton Activé sur l'état activé.
Cliquez sur Enregistrer.
Créer un compte utilisateur
Accédez à la page Utilisateurs de Cloud Console.
Cliquez sur Ajouter un utilisateur.
Saisissez une adresse e-mail et un mot de passe.
Cliquez sur Enregistrer. Le nouvel utilisateur apparaît dans la liste des utilisateurs.
Connecter l'utilisateur
Créez un fichier nommé
index.html
:Ajoutez deux conteneurs HTML de base :
<div>Identity Platform Quickstart</div> <div id="message">Loading...</div>
Initialisez le SDK client Identity Platform avec votre clé API :
Accédez à la page Fournisseurs d'identité dans Cloud Console.
Cliquez sur Informations sur la configuration de l'application.
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>
Connectez l'utilisateur en appelant
signInWithEmailAndPassword()
, puis traitez le résultat avec le rappelonAuthStateChanged()
. Dans l'exemple ci-dessous, remplacezemail
etpassword
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>
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 :
- Procéder à la connexion des utilisateurs avec JavaScript, Android, iOS, C++ ou Unity.
- Procéder à la connexion des utilisateurs avec OIDC ou SAML.
- Migrez des utilisateurs de votre application existante vers Identity Platform.