Partager via


Démarrage rapide : Configurer la connexion pour une application monopage à l’aide d’Azure Active Directory B2C

Important

À compter du 1er mai 2025, Azure AD B2C ne sera plus disponible pour les nouveaux clients. Pour plus d’informations, consultez notre FAQ.

Azure Active Directory B2C (Azure AD B2C) fournit la gestion des identités cloud pour protéger votre application, votre entreprise et vos clients. Azure AD B2C permet à vos applications de s’authentifier auprès de comptes sociaux et de comptes d’entreprise à l’aide de protocoles standard ouverts.

Dans ce guide de démarrage rapide, vous utilisez une application à page unique pour vous connecter à l'aide d'un fournisseur de réseaux sociaux et appeler une API web protégée par Azure AD B2C.

Conditions préalables

Exécuter l’application

  1. Démarrez le serveur en exécutant les commandes suivantes à partir de l’invite de commandes Node.js :

    npm install
    npm update
    npm start
    

    Le serveur démarré par server.js affiche le port sur lequel il écoute :

    Listening on port 6420...
    
  2. Accédez à l’URL de l’application. Par exemple : http://localhost:6420.

Capture d’écran de l’exemple d’application monopage affiché dans la fenêtre du navigateur.

Se connecter à l’aide de votre compte

  1. Sélectionnez Se connecter pour démarrer le parcours utilisateur.

  2. Azure AD B2C présente une page de connexion pour une société fictive appelée « Fabrikam » pour l’exemple d’application web. Pour vous inscrire à l’aide d’un fournisseur d’identité sociale, sélectionnez le bouton du fournisseur d’identité que vous souhaitez utiliser.

    Capture d’écran de la page Connexion ou Inscription montrant les boutons du fournisseur d’identité

    Vous authentifiez (connectez-vous) à l’aide de vos informations d’identification de compte social et autorisez l’application à lire les informations de votre compte social. En accordant l’accès, l’application peut récupérer des informations de profil à partir du compte social, telles que votre nom et votre ville.

  3. Terminez le processus de connexion pour le fournisseur d’identité.

Accéder à une ressource d’API protégée

Sélectionnez l’API d’appel pour que votre nom d’affichage soit retourné à partir de l’API web en tant qu’objet JSON.

Capture d’écran de la réponse de l’API web montrant dans l’exemple d’application dans la fenêtre du navigateur.

L’exemple d’application monopage inclut un jeton d’accès dans la requête envoyée à la ressource de l’API web protégée.

Étapes suivantes