Intégration Drupal Azure AD B2C SSO à l'aide de la connexion OAuth/OpenID

Le module Drupal OAuth Client permet Authentification unique c'est-à-dire SSO pour un site Drupal avec n'importe quel fournisseur d'identité utilisant le protocole de connexion OAuth ou OpenID. Ici, nous allons passer en revue les étapes pour configurer le module avec Azure AD B2C. Une fois cette configuration effectuée, les utilisateurs pourront se connecter au site Drupal en utilisant leurs identifiants Azure B2C.
L'intégration de Drupal avec Azure AD B2C simplifie et sécurise le processus de connexion, supprimant complètement le besoin de stocker, mémoriser et réinitialiser plusieurs mots de passe.

Configurez Drupal en tant que client OAuth :

• Après avoir installé le module, accédez au configuration -> Configuration du client miniOrange OAuth -> Configurer OAuth onglet et sélectionnez Azure AD B2C du Sélectionnez une application la liste déroulante.

• Copiez le URL de rappel/redirection et gardez-le à portée de main.

  Remarque: - Si vous disposez d’un site HTTP Drupal et qu’Azure applique l’URI de redirection HTTPS. Veuillez naviguer vers le Paramètres de connexion du module et définissez l'URL de base du site avec HTTPS dans l'onglet URL de base champ de texte.

Créez une application SSO dans Azure AD B2C :

• Connectez-vous au Microsoft Azure portail.
• Dans le Services Azure section, sélectionnez Azure AD B2C.

• Pour créer une nouvelle application Azure B2C, accédez au Inscriptions d'applications dans le panneau de navigation de gauche, puis cliquez sur l'icône Nouvelle inscription .

• Dans le Enregistrer une application fenêtre, saisissez les informations nécessaires à la création d'une nouvelle application :
• Nom: saisissez le nom de l'application dans le champ Nom champ de texte.
• Types de compte pris en charge: Sélectionnez la 3ème option, Comptes dans n'importe quel annuaire d'organisation (pour authentifier les utilisateurs avec des flux d'utilisateurs). Vous pouvez également vous référer à Aide moi à choisir option si cela en vaut la peine.
• Extrait du Sélectionnez une plateforme option déroulante, choisissez « Web » pour le URI de redirection (recommandé). Collez le précédemment copié URL de rappel/redirection dans le champ de texte.

• Cliquez sur le Inscription .

Intégration de Drupal avec Azure AD B2C :

• Azure AD B2C attribue un ID d'application unique à votre application. Copiez le ID de l'application (client). Ce sera votre identité du client.

• Chez Drupal Configurer OAuth onglet coller le copié ID de l'application (client) into the identité du client champ de texte.

• Accédez au portail Azure, puis sélectionnez Certificats et secrets dans le panneau latéral gauche, puis cliquez sur Nouveau secret client bouton pour générer un secret client.

• Dans le Ajouter un secret au client pop-up, entrez les informations suivantes :
• Description: saisissez une description pour ce secret client.
• Expire le: Sélectionnez la durée dans le Expire le option déroulante.

• Cliquez sur le Ajouter .
• Après cela, copiez le Valeur du Secrets clients languette. Ce sera votre Clé secrète client.

• Chez Drupal Configurer OAuth onglet coller le copié Valeur du secret client into the Secret client champ de texte.

• Accédez au portail Microsoft Azure.
• Cliquez sur Azure AD B2C | Inscriptions d'applications lien en haut à gauche.

• Accédez à la Vue d’ensemble onglet du panneau latéral gauche.

• En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Essentiels section, copiez le Nom de domaine. (C'est le nom de votre locataire)

• Remplacez le précédemment copié Nom de domaine les {nom-locataire} dans l' Autoriser le point de terminaison ainsi que Point de terminaison du jeton d'accès champs de texte dans Drupal Configurer OAuth languette.

Créer une stratégie de flux d’utilisateurs dans Azure AD B2C :

• Accédez au portail Microsoft Azure.
• Sélectionnez Flux d'utilisateurs du Politiques internes .

• Cliquez sur le Nouveau flux d'utilisateurs .

• Sélectionnez le Inscrivez-vous et connectez-vous carte/boîte pour le flux des utilisateurs dans le Créer un flux d'utilisateurs panneau.

• Sélectionnez le Recommandé carte/boîte sous Version. Ensuite, cliquez sur le Création .

• Saisissez les informations suivantes dans le Création fenêtre:
• Entrer le Nom du flux des utilisateurs. Par exemple, B2C_1_AzureB2CTest. (Cela ne peut pas être modifié une fois qu'un flux d'utilisateurs a été créé.)
• Sélectionnez Inscription par courrier électronique sous Fournisseurs d'identité.
• Sélectionnez le Authentification multifactorielle option selon vos besoins. si vous n'êtes pas sûr, conservez l'option par défaut.
• Attributs utilisateur et revendications de jetons: Sélectionnez les revendications et les attributs que vous souhaitez collecter auprès de l'utilisateur lors du processus d'inscription. Clique le Afficher plus pour afficher des options supplémentaires. Dans le Création fenêtre contextuelle, assurez-vous d'activer les cases à cocher pour Adresse e-mail (sous « Collecter l'attribut ») et Adresses e-mail (sous « Demande de retour »). Vous pouvez également ajouter tout autre attribut requis. Enfin, cliquez sur le Ok .

• Ensuite, cliquez sur Création bouton pour ajouter un flux d’utilisateurs. (Le préfixe B2C_1_ est automatiquement ajouté au nom.)
• Copiez le Nom pour le flux des utilisateurs. (Il s'agit du nom de votre police)

• Accédez à Drupal Configurer OAuth et remplacez le précédemment copié Nom les {Nom de la politique} dans l' Autoriser le point de terminaison ainsi que Point de terminaison du jeton d'accès champs de texte.
• La case à cocher « Envoyer l'ID client et le secret dans l'en-tête ou le corps » vous permet de spécifier si l'ID client et le secret doivent être inclus dans l'en-tête ou dans le corps de la demande de point de terminaison de jeton. Si vous ne savez pas quelle option sélectionner, vous pouvez vous en tenir aux paramètres par défaut.
• Cliquez sur la case à cocher pour Activer la connexion avec OAuth.
• Maintenant, cliquez sur le Enregistrer la configuration .



Vous pouvez également consulter les points de terminaison et la portée de l’application Azure AD B2C :




Portée:	ouvert
Autoriser le point de terminaison :	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/authorize
Point de terminaison du jeton d’accès :	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/token

Testez la connexion entre Drupal et Azure B2C :

• Après avoir enregistré avec succès les configurations, cliquez sur Effectuer une configuration de test pour tester la connexion entre Drupal et Azure AD B2C.

• Dans une fenêtre contextuelle de configuration de test, si vous n'avez aucune session active sur le même navigateur, il vous sera demandé de vous connecter à Azure B2C. Après vous être connecté avec succès à Azure Active Directory B2C, vous recevrez une liste d’attributs reçus d’Azure AD B2C.
• Faites défiler vers le bas et cliquez sur le Configurer le mappage d'attributs/rôles .

• Sur le Cartographie des attributs et des rôles , veuillez sélectionner l'attribut sous lequel l'e-mail de l'utilisateur est reçu du Adresse e-mail menu déroulant. De même, vous pouvez sélectionner l'option appropriée dans la liste Attribut de nom menu déroulant.

• Ensuite, faites défiler vers le bas et cliquez sur le Enregistrer la configuration .

Veuillez noter : Le mappage de l'attribut e-mail est obligatoire pour la connexion.

Toutes nos félicitations! Vous avez configuré avec succès Azure AD B2C en tant que fournisseur OAuth/OpenID et Drupal en tant que client OAuth.

Comment réaliser le SSO ?

• Maintenant, ouvrez un nouveau navigateur/fenêtre privée et accédez à la page de connexion de votre site Drupal.
• Cliquez sur le Connectez-vous à l'aide d'Azure B2C lien pour lancer le SSO depuis Drupal.
• Si vous souhaitez également ajouter le lien SSO à d'autres pages, veuillez suivre les étapes indiquées dans l'image ci-dessous :