Skip to content

Commit 2618976

Browse files
v-regandownerv-regandowner
authored
Merge pull request #235213 from kengaderdus/ciam-in-portal-quicstarts-all
web app and SPA in-portal quickstarts
2 parents 55643dd + c1f8bb5 commit 2618976

5 files changed

+118
-6
lines changed

‎articles/active-directory/develop/spa-quickstart-portal-angular-ciam.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
title: "Quickstart: Add sign in to a Angular SPA"
3+
description: Learn how to run a sample Angular SPA to sign in users
4+
services: active-directory
5+
author: kengaderdus
6+
manager: mwongerapk
7+
ms.author: kengaderdus
8+
ms.service: active-directory
9+
ms.workload: identity
10+
ROBOTS: NOINDEX
11+
ms.subservice: ciam
12+
ms.topic: portal
13+
ms.date: 05/05/2023
14+
---
15+
16+
# Portal quickstart for Angular SPA
17+
18+
> In this quickstart, you download and run a code sample that demonstrates how a Angular single-page application (SPA) can sign in users with Azure Active Directory for customers.
19+
>
20+
> [!div renderon="portal" id="display-on-portal" class="sxs-lookup"]
21+
> 1. Make sure you've installed [Node.js](https://nodejs.org/en/download/).
22+
>
23+
> 1. Unzip the sample, `cd` into the folder that contains `package.json`, then run the following commands:
24+
> ```console
25+
> npm install && npm start
26+
> ```
27+
> 1. Open your browser, visit `http://locahost:4200`, select **Sign-in**, then follow the prompts.
28+
>

‎articles/active-directory/develop/spa-quickstart-portal-react-ciam.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
title: "Quickstart: Add sign in to a React SPA"
3+
description: Learn how to run a sample React SPA to sign in users
4+
services: active-directory
5+
author: kengaderdus
6+
manager: mwongerapk
7+
ms.author: kengaderdus
8+
ms.service: active-directory
9+
ms.workload: identity
10+
ROBOTS: NOINDEX
11+
ms.subservice: ciam
12+
ms.topic: portal
13+
ms.date: 05/05/2023
14+
---
15+
16+
# Portal quickstart for React SPA
17+
18+
> In this quickstart, you download and run a code sample that demonstrates how a React single-page application (SPA) can sign in users with Azure Active Directory for customers.
19+
>
20+
> [!div renderon="portal" id="display-on-portal" class="sxs-lookup"]
21+
> 1. Make sure you've installed [Node.js](https://nodejs.org/en/download/).
22+
>
23+
> 1. Unzip the sample, `cd` into the folder that contains `package.json`, then run the following commands:
24+
> ```console
25+
> npm install && npm start
26+
> ```
27+
> 1. Open your browser, visit `http://locahost:3000`, select **Sign-in**, then follow the prompts.
28+
>

‎articles/active-directory/develop/spa-quickstart-portal-vanilla-js-ciam.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
title: "Quickstart: Add sign in to a JavaScript SPA"
3+
description: Learn how to run a sample JavaScript SPA to sign in users
4+
services: active-directory
5+
author: kengaderdus
6+
manager: mwongerapk
7+
ms.author: kengaderdus
8+
ms.service: active-directory
9+
ms.workload: identity
10+
ROBOTS: NOINDEX
11+
ms.subservice: ciam
12+
ms.topic: portal
13+
ms.date: 05/05/2023
14+
---
15+
16+
# Portal quickstart for JavaScript application
17+
18+
> In this quickstart, you download and run a code sample that demonstrates how a JavaScript SPA can sign in users with Azure Active Directory for customers.
19+
>
20+
> [!div renderon="portal" id="display-on-portal" class="sxs-lookup"]
21+
> 1. Make sure you've installed [Node.js](https://nodejs.org/en/download/).
22+
>
23+
> 1. Unzip the sample, `cd` into the app root folder, then run the following commands:
24+
> ```console
25+
> cd App && npm install && npm start
26+
> ```
27+
> 1. Open your browser, visit `http://locahost:3000`, select **Sign-in**, then follow the prompts.
28+
>

‎articles/active-directory/develop/web-app-quickstart-portal-dotnet-ciam.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
title: "Quickstart: Add sign in to ASP.NET web app"
3+
description: Learn how to run a sample ASP.NET web app to sign in users
4+
services: active-directory
5+
author: kengaderdus
6+
manager: mwongerapk
7+
ms.author: kengaderdus
8+
ms.service: active-directory
9+
ms.workload: identity
10+
ROBOTS: NOINDEX
11+
ms.subservice: ciam
12+
ms.topic: portal
13+
ms.date: 05/05/2023
14+
---
15+
16+
# Portal quickstart for ASP.NET web app
17+
18+
> In this quickstart, you download and run a code sample that demonstrates how ASP.NET web app can sign in users with Azure Active Directory for customers.
19+
>
20+
> [!div renderon="portal" id="display-on-portal" class="sxs-lookup"]
21+
> 1. Make sure you've installed Make sure you've installed [.NET SDK v7](https://dotnet.microsoft.com/download/dotnet/7.0) or later.
22+
>
23+
> 1. Unzip the sample, `cd` into the app root folder, then run the following command:
24+
> ```console
25+
> dotnet run
26+
> ```
27+
> 1. Open your browser, visit `https://locahost:7274`, select **Sign-in**, then follow the prompts.
28+
>

‎articles/active-directory/develop/web-app-quickstart-portal-node-js-ciam.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: "Quickstart: Add sign in to a React SPA"
3-
description: Learn how to run a sample React SPA to sign in users
2+
title: "Quickstart: Add sign in to a Node.js/Express web app"
3+
description: Learn how to run a sample Node.js/Express web app to sign in users
44
services: active-directory
55
author: kengaderdus
66
manager: mwongerapk
@@ -10,12 +10,12 @@ ms.workload: identity
1010
ROBOTS: NOINDEX
1111
ms.subservice: ciam
1212
ms.topic: portal
13-
ms.date: 04/12/2023
13+
ms.date: 05/05/2023
1414
---
1515

16-
# Portal quickstart for React SPA
16+
# Portal quickstart for Node.js/Express web app
1717

18-
> In this quickstart, you download and run a code sample that demonstrates how a React single-page application (SPA) can sign in users with Azure AD CIAM.
18+
> In this quickstart, you download and run a code sample that demonstrates how a Node.js/Express web app can sign in users with Azure Active Directory for customers.
1919
>
2020
> [!div renderon="portal" id="display-on-portal" class="sxs-lookup"]
2121
> 1. Make sure you've installed [Node.js](https://nodejs.org/en/download/).
@@ -24,5 +24,5 @@ ms.date: 04/12/2023
2424
> ```console
2525
> npm install && npm start
2626
> ```
27-
> 1. Open your browser, visit `http://locahost:3000`, select **Sign-in** link, then follow the prompts.
27+
> 1. Open your browser, visit `http://locahost:3000`, select **Sign-in**, then follow the prompts.
2828
>

0 commit comments

Comments
 (0)