Skip to content

Commit 6116a1f

Browse files
authored
Merge pull request #189867 from Dickson-Mwendia/web-app-quickstart
[MSID][GTD] Update web app quickstarts
2 parents 3418dfb + 3479b09 commit 6116a1f

File tree

3 files changed

+22
-18
lines changed

3 files changed

+22
-18
lines changed

articles/active-directory/develop/includes/web-app/quickstart-aspnet-core.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,7 @@ ms.custom: "devx-track-csharp, aaddev, identityplatformtop40, scenarios:getting-
1818

1919
In this quickstart, you download and run a code sample that demonstrates how an ASP.NET Core web app can sign in users from any Azure Active Directory (Azure AD) organization.
2020

21-
The following diagram shows how the sample app works:
22-
23-
![Diagram of the interaction between the web browser, the web app, and the Microsoft identity platform in the sample app.](../../media/quickstart-v2-aspnet-core-webapp/aspnetcorewebapp-intro.svg)
21+
See [How the sample works](#how-the-sample-works) for an illustration.
2422

2523
## Prerequisites
2624

@@ -48,7 +46,6 @@ The following diagram shows how the sample app works:
4846

4947
#### Step 2: Download the ASP.NET Core project
5048

51-
5249
[Download the ASP.NET Core solution](https://github.com/Azure-Samples/active-directory-aspnetcore-webapp-openidconnect-v2/archive/aspnetcore3-1.zip)
5350

5451
[!INCLUDE [active-directory-develop-path-length-tip](../../../../../includes/active-directory-develop-path-length-tip.md)]
@@ -91,6 +88,10 @@ After consenting to the requested permissions, the app displays that you've succ
9188

9289
This section gives an overview of the code required to sign in users and call the Microsoft Graph API on their behalf. This overview can be useful to understand how the code works, main arguments, and also if you want to add sign-in to an existing ASP.NET Core application and call Microsoft Graph. It uses [Microsoft.Identity.Web](../../microsoft-identity-web.md), which is a wrapper around [MSAL.NET](../../msal-overview.md).
9390

91+
### How the sample works
92+
93+
![Diagram of the interaction between the web browser, the web app, and the Microsoft identity platform in the sample app.](../../media/quickstart-v2-aspnet-core-webapp/aspnetcorewebapp-intro.svg)
94+
9495
### Startup class
9596

9697
The *Microsoft.AspNetCore.Authentication* middleware uses a `Startup` class that's executed when the hosting process starts:

articles/active-directory/develop/includes/web-app/quickstart-aspnet.md

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,9 @@ ms.custom: "devx-track-csharp, aaddev, identityplatformtop40, scenarios:getting-
1616
# Customer intent: As an application developer, I want to see a sample ASP.NET web app that can sign in Azure AD users.
1717
---
1818

19-
In this quickstart, you download and run a code sample that demonstrates an ASP.NET web application that can sign in users with Azure Active Directory (Azure AD) accounts.
19+
In this quickstart, you download and run a code sample that demonstrates an ASP.NET web application that can sign in users with Azure Active Directory (Azure AD) accounts.
2020

21-
The following diagram shows how the sample app works:
22-
23-
![Diagram of the interaction between the web browser, the web app, and the Microsoft identity platform in the sample app.](../../media/quickstart-v2-aspnet-webapp/aspnetwebapp-intro.svg)
21+
See [How the sample works](#how-the-sample-works) for an illustration.
2422

2523
## Prerequisites
2624

@@ -55,13 +53,12 @@ If you want to manually configure your application and code sample, use the foll
5553

5654
#### Step 2: Download the project
5755

58-
59-
[Download the Visual Studio 2019 solution](https://github.com/AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-DotNet/archive/master.zip)
56+
[Download the ASP.NET code sample](https://github.com/AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-DotNet/archive/master.zip)
6057

6158
[!INCLUDE [active-directory-develop-path-length-tip](../../../../../includes/active-directory-develop-path-length-tip.md)]
6259

6360

64-
#### Step 3: Run your Visual Studio project
61+
#### Step 3: Run the project
6562

6663
1. Extract the .zip file to a local folder that's close to the root folder. For example, extract to *C:\Azure-Samples*.
6764

articles/active-directory/develop/includes/web-app/quickstart-nodejs.md

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -54,15 +54,21 @@ Next, clone the sample repo and install the NPM modules.
5454

5555
From your shell or command line:
5656

57-
`$ git clone [email protected]:AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-nodejs.git`
58-
57+
```
58+
$ git clone [email protected]:AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-nodejs.git
59+
```
5960
or
6061

61-
`$ git clone https://github.com/AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-nodejs.git`
62+
```
63+
$ git clone https://github.com/AzureADQuickStarts/AppModelv2-WebApp-OpenIDConnect-nodejs.git
64+
```
6265

6366
From the project root directory, run the command:
6467

65-
`$ npm install`
68+
```
69+
$ npm install
70+
71+
```
6672

6773
## Configure the application
6874

@@ -78,15 +84,15 @@ Provide the parameters in `exports.creds` in config.js as instructed.
7884
* Update `exports.destroySessionUrl` in config.js, if you want to use a different `post_logout_redirect_uri`.
7985

8086
* Set `exports.useMongoDBSessionStore` in config.js to true, if you want to use [mongoDB](https://www.mongodb.com) or other [compatible session stores](https://github.com/expressjs/session#compatible-session-stores).
81-
The default session store in this sample is `express-session`. The default session store is not suitable for production.
87+
The default session store in this sample is `express-session`. The default session store isn't suitable for production.
8288

8389
* Update `exports.databaseUri`, if you want to use mongoDB session store and a different database URI.
8490

8591
* Update `exports.mongoDBSessionMaxAge`. Here you can specify how long you want to keep a session in mongoDB. The unit is second(s).
8692

8793
## Build and run the application
8894

89-
Start mongoDB service. If you are using mongoDB session store in this app, you have to [install mongoDB](http://www.mongodb.org/) and start the service first. If you are using the default session store, you can skip this step.
95+
Start mongoDB service. If you're using mongoDB session store in this app, you have to [install mongoDB](http://www.mongodb.org/) and start the service first. If you're using the default session store, you can skip this step.
9096

9197
Run the app using the following command from your command line.
9298

@@ -104,7 +110,7 @@ $ node app.js | bunyan
104110

105111
### You're done!
106112

107-
You will have a server successfully running on `http://localhost:3000`.
113+
You'll have a server successfully running on `http://localhost:3000`.
108114

109115
[!INCLUDE [Help and support](../../../../../includes/active-directory-develop-help-support-include.md)]
110116

0 commit comments

Comments
 (0)