Skip to content

Commit 70e5cc1

Browse files
committed
updated sign-in steps for admin center
1 parent bcd3a2b commit 70e5cc1

File tree

1 file changed

+11
-26
lines changed

1 file changed

+11
-26
lines changed

articles/active-directory/develop/quickstart-single-page-app-react-sign-in.md

Lines changed: 11 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -34,26 +34,12 @@ See [How the sample works](#how-the-sample-works) for an illustration.
3434

3535
[!INCLUDE [portal updates](~/articles/active-directory/includes/portal-update.md)]
3636

37-
To start your quickstart application, use either of the following options.
37+
### Step 1: Register your application
3838

39-
### Option 1 (Express): Register and auto configure your app and then download your code sample
40-
41-
1. Go to the [Azure portal - App registrations](https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade/quickStartType/AngularSpaQuickstartPage/sourceType/docs) quickstart experience.
42-
1. Enter a name for your application.
43-
1. Under **Supported account types**, select **Accounts in any organizational directory and personal Microsoft accounts**.
44-
1. Select **Register**.
45-
1. Go to the quickstart pane and follow the instructions to download and automatically configure your new application.
46-
47-
### Option 2 (Manual): Register and manually configure your application and code sample
48-
49-
#### Step 1: Register your application
50-
51-
[!INCLUDE [portal updates](~/articles/active-directory/includes/portal-update.md)]
52-
53-
1. Sign in to the [Azure portal](https://portal.azure.com/).
54-
1. If you have access to multiple tenants, use the **Directories + subscriptions** filter :::image type="icon" source="media/common/portal-directory-subscription-filter.png" border="false"::: in the top menu to switch to the tenant in which you want to register the application.
55-
1. Search for and select **Azure Active Directory**.
56-
Under **Manage**, select **App registrations** > **New registration**.
39+
1. Sign in to the [Microsoft Entra admin center](https://entra.microsoft.com) as at least an [Application Developer](../roles/permissions-reference.md#application-developer).
40+
1. If access to multiple tenants is available, use the **Directories + subscriptions** filter :::image type="icon" source="media/common/portal-directory-subscription-filter.png" border="false"::: in the top menu to switch to the tenant in which you want to register the application.
41+
1. Browse to **Identity** > **Applications** > **Application registrations**.
42+
1. Select **New registration**.
5743
1. When the **Register an application** page appears, enter a name for your application.
5844
1. Under **Supported account types**, select **Accounts in any organizational directory and personal Microsoft accounts**.
5945
1. Select **Register**. On the app **Overview** page, note the **Application (client) ID** value for later use.
@@ -64,12 +50,11 @@ Under **Manage**, select **App registrations** > **New registration**.
6450
1. Under **Platform Configurations** expand **Single-page application**.
6551
1. Confirm that under **Grant types** ![Already configured](media/quickstart-v2-javascript/green-check.png) Your Redirect URI is eligible for the Authorization Code Flow with PKCE.
6652

67-
#### Step 2: Download the project
68-
53+
### Step 2: Download the project
6954

7055
To run the project with a web server by using Node.js, [download the core project files](https://github.com/Azure-Samples/ms-identity-javascript-react-spa/archive/main.zip).
7156

72-
#### Step 3: Configure your JavaScript app
57+
### Step 3: Configure your JavaScript app
7358

7459
In the *src* folder, open the *authConfig.js* file and update the `clientID`, `authority`, and `redirectUri` values in the `msalConfig` object.
7560

@@ -95,17 +80,17 @@ Modify the values in the `msalConfig` section as described here:
9580
9681
- `Enter_the_Application_Id_Here` is the **Application (client) ID** for the application you registered.
9782
98-
To find the value of **Application (client) ID**, go to the app registration's **Overview** page in the Azure portal.
83+
To find the value of **Application (client) ID**, go to the app registration's **Overview** page.
9984
- `Enter_the_Cloud_Instance_Id_Here` is the instance of the Azure cloud. For the main or global Azure cloud, enter `https://login.microsoftonline.com`. For **national** clouds (for example, China), see [National clouds](authentication-national-cloud.md).
10085
- `Enter_the_Tenant_info_here` is set to one of the following:
10186
- If your application supports *accounts in this organizational directory*, replace this value with the **Tenant ID** or **Tenant name**. For example, `contoso.microsoft.com`.
10287

103-
To find the value of the **Directory (tenant) ID**, go to the app registration's **Overview** page in the Azure portal.
88+
To find the value of the **Directory (tenant) ID**, go to the app registration's **Overview** page.
10489
- If your application supports *accounts in any organizational directory*, replace this value with `organizations`.
10590
- If your application supports *accounts in any organizational directory and personal Microsoft accounts*, replace this value with `common`. **For this quickstart**, use `common`.
10691
- To restrict support to *personal Microsoft accounts only*, replace this value with `consumers`.
10792
108-
To find the value of **Supported account types**, go to the app registration's **Overview** page in the Azure portal.
93+
To find the value of **Supported account types**, go to the app registration's **Overview** page.
10994
- `Enter_the_Redirect_Uri_Here` is `http://localhost:3000/`.
11095

11196
The `authority` value in your *authConfig.js* should be similar to the following if you're using the main (global) Azure cloud:
@@ -125,7 +110,7 @@ Scroll down in the same file and update the `graphMeEndpoint`.
125110
};
126111
```
127112
128-
#### Step 4: Run the project
113+
### Step 4: Run the project
129114
130115
Run the project with a web server by using Node.js:
131116

0 commit comments

Comments
 (0)