Skip to content

Commit 5188627

Browse files
authored
Merge pull request #79069 from mmacy/refresh-tut-3
[b2c] refresh tutorial 3 - user flows
2 parents b5fa294 + c982874 commit 5188627

File tree

5 files changed

+48
-46
lines changed

5 files changed

+48
-46
lines changed
50.6 KB
Loading
23.8 KB
Loading
15.4 KB
Loading
9.67 KB
Loading
Lines changed: 48 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
---
2-
title: Tutorial - Create user flows - Azure Active Directory B2C | Microsoft Docs
3-
description: Learn how to Create user flows for your applications in Azure Active Directory B2C using the Azure portal.
2+
title: Tutorial - Create user flows - Azure Active Directory B2C
3+
description: Learn how to create user flows in the Azure portal to enable sign up, sign in, and user profile editing for your applications in Azure Active Directory B2C.
44
services: active-directory-b2c
55
author: mmacy
66
manager: celestedg
77

88
ms.service: active-directory
99
ms.workload: identity
1010
ms.topic: article
11-
ms.date: 02/01/2019
11+
ms.date: 06/07/2019
1212
ms.author: marsma
1313
ms.subservice: B2C
1414
---
1515

1616
# Tutorial: Create user flows in Azure Active Directory B2C
1717

18-
In your applications, you may have [user flows](active-directory-b2c-reference-policies.md) that enable users to sign up, sign in, or manage their profile. You can create multiple user flows of different types in your Azure Active Directory (Azure AD) B2C tenant and use them in your applications as needed. User flows can be reused across applications.
18+
In your applications you may have [user flows](active-directory-b2c-reference-policies.md) that enable users to sign up, sign in, or manage their profile. You can create multiple user flows of different types in your Azure Active Directory (Azure AD) B2C tenant and use them in your applications as needed. User flows can be reused across applications.
1919

2020
In this article, you learn how to:
2121

@@ -24,92 +24,92 @@ In this article, you learn how to:
2424
> * Create a profile editing user flow
2525
> * Create a password reset user flow
2626
27-
This tutorial shows you how to create some recommended user flows by using the Azure portal. If you are looking for information about how to set up a resource owner password credentials (ROPC) flow in your application, see [Configure the resource owner password credentials flow in Azure AD B2C](configure-ropc.md).
27+
This tutorial shows you how to create some recommended user flows by using the Azure portal. If you're looking for information about how to set up a resource owner password credentials (ROPC) flow in your application, see [Configure the resource owner password credentials flow in Azure AD B2C](configure-ropc.md).
2828

2929
If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) before you begin.
3030

3131
## Prerequisites
3232

33-
[Register your applications](tutorial-register-applications.md) that are part of the user flows you want to create.
33+
[Register your applications](tutorial-register-applications.md) that are part of the user flows you want to create.
3434

3535
## Create a sign-up and sign-in user flow
3636

3737
The sign-up and sign-in user flow handles both sign-up and sign-in experiences with a single configuration. Users of your application are led down the right path depending on the context.
3838

3939
1. Sign in to the [Azure portal](https://portal.azure.com).
40-
2. Make sure you're using the directory that contains your Azure AD B2C tenant by clicking the **Directory and subscription filter** in the top menu and choosing the directory that contains your tenant.
40+
1. Make sure you're using the directory that contains your Azure AD B2C tenant by clicking the **Directory and subscription filter** in the top menu and choosing the directory that contains your tenant.
4141

42-
![Switch to subscription directory](./media/tutorial-create-user-flows/switch-directories.png)
42+
![Switch to subscription directory](./media/tutorial-create-user-flows/switch-directories.PNG)
4343

44-
3. Choose **All services** in the top-left corner of the Azure portal, and then search for and select **Azure AD B2C**.
45-
4. In the left menu, select **User flows**, and then select **New user flow**.
44+
1. Choose **All services** in the top-left corner of the Azure portal, and then search for and select **Azure AD B2C**.
45+
1. In the left menu under **Policies**, select **User flows (policies)**, and then select **New user flow**.
4646

4747
![Select new user flow](./media/tutorial-create-user-flows/signup-signin-user-flow.png)
4848

49-
5. Select the **Sign-up and sign-in** user flow on the Recommended tab.
49+
1. On the **Recommended** tab, select the **Sign up and sign in** user flow.
5050

5151
![Select the sign-up and sign-in user flow](./media/tutorial-create-user-flows/signup-signin-type.png)
5252

53-
6. Enter a **Name** for the user flow. For example, *signupsignin1*.
54-
7. For **Identity providers**, select **Email signup**.
53+
1. Enter a **Name** for the user flow. For example, *signupsignin1*.
54+
1. For **Identity providers**, select **Email signup**.
5555

5656
![Set the flow properties](./media/tutorial-create-user-flows/signup-signin-properties.png)
5757

58-
8. For **User attributes and claims**, choose the claims and attributes that you want to collect and send from the user during sign-up. For example, select **Show more**, and then choose **Country/Region**, **Display Name**, and **Postal Code**. Click **OK**.
58+
1. For **User attributes and claims**, choose the claims and attributes that you want to collect and send from the user during sign-up. For example, select **Show more**, and then choose attributes and claims for **Country/Region**, **Display Name**, and **Postal Code**. Click **OK**.
5959

6060
![Select attributes and claims](./media/tutorial-create-user-flows/signup-signin-attributes.png)
6161

62-
9. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
62+
1. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
6363

6464
### Test the user flow
6565

66-
1. On the Overview page of the user flow that you created, select **Run user flow**.
67-
2. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
68-
3. Click **Run user flow**, and then select **Sign up now**.
66+
1. Select the user flow you created to open its overview page, then select **Run user flow**.
67+
1. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
68+
1. Click **Run user flow**, and then select **Sign up now**.
6969

70-
![Run the user flow](./media/tutorial-create-user-flows/signup-signin-run-now.png)
70+
![Run the user flow](./media/tutorial-create-user-flows/signup-signin-run-now.PNG)
7171

72-
4. Enter a valid email address, click **Send verification code**, and then enter the verification code that you receive.
73-
5. Enter a new password and confirm the password.
74-
6. Enter the name that you want displayed, select your country and region, enter a postal code, and then click **Create**. The token is returned to `https://jwt.ms` and should be displayed to you.
75-
7. You can now run the user flow again and you should be able to sign in with the account that you created. The returned token includes the claims that you selected of name, country/region, and postal code.
72+
1. Enter a valid email address, click **Send verification code**, enter the verification code that you receive, then select **Verify code**.
73+
1. Enter a new password and confirm the password.
74+
1. Select your country and region, enter the name that you want displayed, enter a postal code, and then click **Create**. The token is returned to `https://jwt.ms` and should be displayed to you.
75+
1. You can now run the user flow again and you should be able to sign in with the account that you created. The returned token includes the claims that you selected of country/region, name, and postal code.
7676

7777
## Create a profile editing user flow
7878

7979
If you want to enable users to edit their profile in your application, you use a profile editing user flow.
8080

81-
1. In the left menu, select **User flows**, and then select **New user flow**.
82-
2. Select the **Profile editing** user flow on the Recommended tab.
83-
3. Enter a **Name** for the user flow. For example, *profileediting1*.
84-
4. For **Identity providers**, select **Local Account SignIn**.
85-
5. For **User attributes**, choose the attributes that you want the customer to be able to edit in their profile. For example, select **Show more**, and then choose **Display Name** and **Job title**. Click **OK**.
86-
6. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
81+
1. In the left menu of the Azure AD B2C tenant overview page, select **User flows (policies)**, and then select **New user flow**.
82+
1. Select the **Profile editing** user flow on the Recommended tab.
83+
1. Enter a **Name** for the user flow. For example, *profileediting1*.
84+
1. For **Identity providers**, select **Local Account SignIn**.
85+
1. For **User attributes**, choose the attributes that you want the customer to be able to edit in their profile. For example, select **Show more**, and then choose both attributes and claims for **Display name** and **Job title**. Click **OK**.
86+
1. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
8787

8888
### Test the user flow
8989

90-
1. On the Overview page of the user flow that you created, select **Run user flow**.
91-
2. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
92-
3. Click **Run user flow**, and then sign in with the account that you previously created.
93-
4. You now have the opportunity to change the display name and job title for the user. Click **Continue**. The token is returned to `https://jwt.ms` and should be displayed to you.
90+
1. Select the user flow you created to open its overview page, then select **Run user flow**.
91+
1. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
92+
1. Click **Run user flow**, and then sign in with the account that you previously created.
93+
1. You now have the opportunity to change the display name and job title for the user. Click **Continue**. The token is returned to `https://jwt.ms` and should be displayed to you.
9494

9595
## Create a password reset user flow
9696

97-
It's possible for you to enable the user of your application to reset their password if needed. To enable password reset, you use a password reset user flow.
97+
To enable users of your application to reset their password, you use a password reset user flow.
9898

99-
1. In the left menu, select **User flows**, and then select **New user flow**.
100-
2. Select the **Password reset** user flow on the Recommended tab.
101-
3. Enter a **Name** for the user flow. For example, *passwordreset1*.
102-
4. For **Identity providers**, enable **Reset password using email address**.
103-
5. Under Application claims, click **Show more** and choose the claims that you want returned in the authorization tokens sent back to your application. For example, select **User's Object ID**.
104-
6. Click **OK**.
105-
7. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
99+
1. In the left menu, select **User flows (policies)**, and then select **New user flow**.
100+
1. Select the **Password reset** user flow on the Recommended tab.
101+
1. Enter a **Name** for the user flow. For example, *passwordreset1*.
102+
1. For **Identity providers**, enable **Reset password using email address**.
103+
1. Under Application claims, click **Show more** and choose the claims that you want returned in the authorization tokens sent back to your application. For example, select **User's Object ID**.
104+
1. Click **OK**.
105+
1. Click **Create** to add the user flow. A prefix of *B2C_1* is automatically appended to the name.
106106

107107
### Test the user flow
108108

109-
1. On the Overview page of the user flow that you created, select **Run user flow**.
110-
2. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
111-
3. Click **Run user flow**, and then sign in with the account that you previously created.
112-
4. You now have the opportunity to change the password for the user. Click **Continue**. The token is returned to `https://jwt.ms` and should be displayed to you.
109+
1. Select the user flow you created to open its overview page, then select **Run user flow**.
110+
1. For **Application**, select the web application named *webapp1* that you previously registered. The **Reply URL** should show `https://jwt.ms`.
111+
1. Click **Run user flow**, verify the email address of the account that you previously created, and select **Continue**.
112+
1. You now have the opportunity to change the password for the user. Change the password and select **Continue**. The token is returned to `https://jwt.ms` and should be displayed to you.
113113

114114
## Next steps
115115

@@ -120,5 +120,7 @@ In this article, you learned how to:
120120
> * Create a profile editing user flow
121121
> * Create a password reset user flow
122122
123+
Next, learn about adding identity providers to your applications to enable user sign-in with providers like Azure AD, Amazon, Facebook, GitHub, LinkedIn, Microsoft, or Twitter.
124+
123125
> [!div class="nextstepaction"]
124-
> [Add identity providers to your applications in Azure Active Directory B2C](tutorial-add-identity-providers.md)
126+
> [Add identity providers to your applications >](tutorial-add-identity-providers.md)

0 commit comments

Comments
 (0)