Skip to content

Commit 097ac8e

Browse files
committed
updated sign-in steps for admin center
1 parent bcd3a2b commit 097ac8e

File tree

1 file changed

+11
-24
lines changed

1 file changed

+11
-24
lines changed

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

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

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

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

38-
### Option 1 (Express): Register and auto configure your app and then download your code sample
39-
40-
1. Go to the [Azure portal - App registrations](https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade/quickStartType/AngularSpaQuickstartPage/sourceType/docs) quickstart experience.
41-
1. Enter a name for your application.
42-
1. Under **Supported account types**, select **Accounts in any organizational directory and personal Microsoft accounts**.
43-
1. Select **Register**.
44-
1. Go to the quickstart pane and follow the instructions to download and automatically configure your new application.
45-
46-
### Option 2 (Manual): Register and manually configure your application and code sample
47-
48-
#### Step 1: Register your application
49-
50-
1. Sign in to the [Azure portal](https://portal.azure.com/).
51-
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.
52-
1. Search for and select **Azure Active Directory**.
53-
1. Under **Manage**, select **App registrations** > **New registration**.
38+
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).
39+
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.
40+
1. Browse to **Identity** > **Applications** > **Application registrations**.
41+
1. Select **New registration**.
5442
1. Enter a **Name** for your application. Users of your app might see this name, and you can change it later.
5543
1. Under **Supported account types**, select **Accounts in any organizational directory and personal Microsoft accounts**.
5644
1. Select **Register**. On the app **Overview** page, note the **Application (client) ID** value for later use.
@@ -59,12 +47,11 @@ To start your quickstart application, use either of the following options.
5947
1. Set the **Redirect URI** value to `http://localhost:3000/`.
6048
1. Select **Configure**.
6149

62-
#### Step 2: Download the project
50+
### Step 2: Download the project
6351

6452
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-v2/archive/master.zip).
6553

66-
67-
#### Step 3: Configure your JavaScript app
54+
### Step 3: Configure your JavaScript app
6855

6956
In the *app* folder, open the *authConfig.js* file, and then update the `clientID`, `authority`, and `redirectUri` values in the `msalConfig` object.
7057

@@ -87,17 +74,17 @@ Modify the values in the `msalConfig` section:
8774

8875
- `Enter_the_Application_Id_Here` is the **Application (client) ID** for the application you registered.
8976

90-
To find the value of **Application (client) ID**, go to the app registration's **Overview** page in the Azure portal.
77+
To find the value of **Application (client) ID**, go to the app registration's **Overview** page.
9178
- `Enter_the_Cloud_Instance_Id_Here` is the Azure cloud instance. 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).
9279
- `Enter_the_Tenant_info_here` is one of the following:
9380
- If your application supports *accounts in this organizational directory*, replace this value with the **Tenant ID** or **Tenant name**. For example, `contoso.microsoft.com`.
9481

95-
To find the value of the **Directory (tenant) ID**, go to the app registration's **Overview** page in the Azure portal.
82+
To find the value of the **Directory (tenant) ID**, go to the app registration's **Overview** page.
9683
- If your application supports *accounts in any organizational directory*, replace this value with `organizations`.
9784
- If your application supports *accounts in any organizational directory and personal Microsoft accounts*, replace this value with `common`. **For this quickstart**, use `common`.
9885
- To restrict support to *personal Microsoft accounts only*, replace this value with `consumers`.
9986

100-
To find the value of **Supported account types**, go to the app registration's **Overview** page in the Azure portal.
87+
To find the value of **Supported account types**, go to the app registration's **Overview** page.
10188
- `Enter_the_Redirect_Uri_Here` is `http://localhost:3000/`.
10289

10390
The `authority` value in your *authConfig.js* should be similar to the following if you're using the main (global) Azure cloud:
@@ -130,7 +117,7 @@ graphMeEndpoint: "https://graph.microsoft.com/v1.0/me",
130117
graphMailEndpoint: "https://graph.microsoft.com/v1.0/me/messages"
131118
```
132119

133-
#### Step 4: Run the project
120+
### Step 4: Run the project
134121

135122
Run the project with a web server by using Node.js.
136123

0 commit comments

Comments
 (0)