Skip to content

Commit 0f21501

Browse files
authored
Update JS quickstart steps for ready-to-go downloaded sample
1 parent be1dd64 commit 0f21501

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

articles/active-directory/develop/quickstart-v2-javascript.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ In this quickstart, you use a code sample to learn how a JavaScript single-page
2727

2828
* Azure subscription - [create one for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F)
2929
* [Node.js](https://nodejs.org/en/download/).
30-
* Either [Visual Studio Code](https://code.visualstudio.com/download) (to edit project files), or [Visual Studio 2019](https://visualstudio.microsoft.com/downloads/) (ro run the project as a Visual Studio Solution).
30+
* [Visual Studio Code](https://code.visualstudio.com/download) (to edit project files).
3131

3232
> [!div renderon="docs"]
3333
> ## Register and download your quickstart application
@@ -69,20 +69,18 @@ In this quickstart, you use a code sample to learn how a JavaScript single-page
6969
7070
#### Step 2: Download the project
7171

72-
Select the option that's suitable to your development environment:
73-
74-
* To run the project with a web server by using Node.js, [download the core project files](https://github.com/Azure-Samples/active-directory-javascript-graphapi-v2/archive/quickstart.zip). To open the files, use an editor such as [Visual Studio Code](https://code.visualstudio.com/).
72+
> [!div renderon="docs"]
73+
> To run the project with a web server by using Node.js, [download the core project files](https://github.com/Azure-Samples/active-directory-javascript-graphapi-v2/archive/quickstart.zip).
7574
76-
* (Optional) To run the project with the IIS server, [download the Visual Studio project](https://github.com/Azure-Samples/active-directory-javascript-graphapi-v2/archive/vsquickstart.zip). Extract the zip file to a local folder (for example, *C:\Azure-Samples*).
75+
> [!div renderon="portal" id="autoupdate" class="nextstepaction"]
76+
> [Download the code sample]()
7777
78+
> [!div renderon="docs"]
7879
#### Step 3: Configure your JavaScript app
7980

8081
> [!div renderon="docs"]
8182
> In the *JavaScriptSPA* folder, edit *index.html*, and set the `clientID` and `authority` values under `msalConfig`.
8283
83-
> [!div class="sxs-lookup" renderon="portal"]
84-
> In the *JavaScriptSPA* folder, edit *index.html*, and replace `msalConfig` with the following code:
85-
8684
```javascript
8785
var msalConfig = {
8886
auth: {
@@ -115,9 +113,14 @@ var msalConfig = {
115113
> > To find the values of **Application (client) ID**, **Directory (tenant) ID**, and **Supported account types**, go to the app's **Overview** page in the Azure portal.
116114
>
117115
118-
#### Step 4: Run the project
116+
> [!div class="sxs-lookup" renderon="portal"]
117+
> #### Step 3: Your app is configured and ready to run
118+
> We have configured your project with values of your app's properties.
119+
120+
> [!div renderon="docs"]
121+
> #### Step 4: Run the project
119122
120-
* If you're using [Node.js](https://nodejs.org/en/download/):
123+
Run the project with a web server by using [Node.js](https://nodejs.org/en/download/):
121124

122125
1. To start the server, run the following command from the project directory:
123126

@@ -129,9 +132,6 @@ var msalConfig = {
129132
1. Open a web browser and go to `http://localhost:30662/`.
130133
1. Select **Sign In** to start the sign-in, and then call Microsoft Graph API.
131134

132-
133-
* If you're using [Visual Studio](https://visualstudio.microsoft.com/downloads/), select the project solution, and then select F5 to run the project.
134-
135135
After the browser loads the application, select **Sign In**. The first time that you sign in, you're prompted to provide your consent to allow the application to access your profile and to sign you in. After you're signed in successfully, your user profile information should be displayed on the page.
136136

137137
## More information

0 commit comments

Comments
 (0)