AAD B2C- (2) Expérience oAuth pour protéger l'application WEB

Cet article fait référence aux documents officiels Microsoft suivants, et tous utilisent ASP.NET comme exemple de code, principalement pour illustrer le processus de protection d'AAD B2C sur WEB APP, pour vous donner une impression intuitive, dans les chapitres de contenu suivants, nous présenterons comment les autres langues sont adoptées AAD B2C pour la protection.

1. Utilisez Azure Active Directory B2C pour activer l'authentification dans l'application Web

https://docs.azure.cn/zh-cn/active-directory-b2c/tutorial-web-app-dotnet?tabs=applications

 

Le premier cas:

Il présente principalement un site Web APP WEB, développé à l'aide d'ASP.NET. Le site Web utilise AAD B2C pour l'authentification et l'autorisation. Les utilisateurs peuvent appeler directement le flux utilisateur AAD B2C (c'est-à-dire utiliser l'interface utilisateur fournie par AAD B2C) dans le navigateur pour terminer l'enregistrement / la connexion de l'utilisateur. / La fonction de base de changer le mot de passe, et en même temps, après la connexion de l'utilisateur, les informations TOKEN sont retournées à la page WEB APP.

Présentation vidéo:

Vous pouvez regarder la vidéo sur Station B: https://www.bilibili.com/video/BV1Cc411h7fM/

 

Introduction graphique:

Les étapes détaillées sont les suivantes:

1. Téléchargez l'exemple de code;

2. Créez un locataire AAD B2C;

3. Créez des applications et des clés;

4. Définissez le flux d'utilisateurs;

5. Modifiez le fichier de configuration de l'application Web;

6. Exécutez l'application Web pour découvrir le flux d'utilisateurs;

 

Exemple de code: https://github.com/Azure-Samples/active-directory-b2c-dotnet-webapp-and-webapi

Dans cet exemple, utilisez simplement TaskWebAPP:

img-9cae3390-246d-4ce8-997f-6c5e51f7e1c9.png

 

Créez les trois flux d'utilisateurs suivants dans le flux d'utilisateurs:

Notez que le nom du flux utilisateur peut être incohérent avec cet article, mais il doit être mis en correspondance dans les fichiers de configuration suivants.

Le processus de création détaillé du flux utilisateur peut être trouvé dans la vidéo de cet article.

img-a6f97ccc-d363-4bb5-8b39-246eae4ae11f.png

Créez une nouvelle application dans l'application:

L'URL de réponse doit être: https: // localhost: 44316.  Notez que cette valeur doit être utilisée dans cet exemple , car il s'agit du chemin après que le site Web WEB est opérationnel.

img-ee1db3e7-30a3-46f9-a7d5-3e9847d36eb4.png

Modifiez les paramètres dans le fichier de configuration:

La vidéo de cet article décrit en détail où chaque champ peut être trouvé sur le portail Azure. Pour plus de détails, consultez l'introduction détaillée dans la vidéo vers 8 h 35 secondes.

img-fa4f699a-9538-4def-9443-90a5e99d7456.png

 

Pour démarrer l'application, vous pouvez cliquer sur Connexion / Inscription pour appeler l'interface utilisateur du flux utilisateur d'AAD B2C pour terminer l'enregistrement de l'utilisateur et se connecter:

img-59357781-47a3-4480-8a64-55248fdf188c.png

L'image suivante est la page pour modifier les informations de base de l'utilisateur. Cette page peut être personnalisée avec style et fournie par AAD B2C:

img-c597fa80-5dea-4aa5-9ffa-01e55e4e4779.png

Une fois la connexion établie, vous pouvez voir les informations du relevé sur la page Réclamations:

img-2cfdd912-4598-4d10-a3e2-602424bd666c.png

 

 

À ce stade, le contenu de cette section est terminé!


Je suppose que tu aimes

Origine blog.51cto.com/10117438/2486633
conseillé
Classement