|
1 | 1 |
|
2 | 2 | # Angular single-page application that authenticates users with Azure AD B2C and calls a protected .NET Core web API |
3 | 3 |
|
4 | | - 1. [Overview](#overview) |
5 | | - 1. [Scenario](#scenario) |
6 | | - 1. [Contents](#contents) |
7 | | - 1. [Setup](#setup) |
8 | | - 1. [Registration](#registration) |
9 | | - 1. [Running the sample](#running-the-sample) |
10 | | - 1. [Explore the sample](#explore-the-sample) |
11 | | - 1. [About the code](#about-the-code) |
12 | | - 1. [More information](#more-information) |
13 | | - 1. [Community Help and Support](#community-help-and-support) |
14 | | - 1. [Contributing](#contributing) |
| 4 | +* [Overview](#overview) |
| 5 | +* [Scenario](#scenario) |
| 6 | +* [Prerequisites](#prerequisites) |
| 7 | +* [Explore the sample](#explore-the-sample) |
| 8 | +* [Troubleshooting](#troubleshooting) |
| 9 | +* [About the code](#about-the-code) |
| 10 | +* [Next Steps](#next-steps) |
| 11 | +* [Contributing](#contributing) |
15 | 12 |
|
16 | 13 | ## Overview |
17 | 14 |
|
18 | 15 | This sample demonstrates an Angular single-page application (SPA) calling a ASP.NET Core web API secured with [Azure AD B2C](https://docs.microsoft.com/azure/active-directory-b2c/overview) using the [Microsoft Authentication Library for Angular](https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular) (MSAL Angular) for the SPA and the [Microsoft.Identity.Web](https://github.com/AzureAD/microsoft-identity-web) (M.I.W) for the web API. |
19 | 16 |
|
| 17 | +> :information_source: See the community call: [Deep dive on using MSAL.js to integrate Angular single-page applications with Azure Active Directory](https://www.youtube.com/watch?v=EJey9KP1dZA) |
| 18 | +
|
20 | 19 | ## Scenario |
21 | 20 |
|
22 | | -1. The client Angular SPA uses **MSAL Angular** to sign-in and obtain a JWT access token from **Azure AD B2C**. |
23 | | -2. The access token is used as a bearer token to authorize the user to call the .NET Core web API protected by **Azure AD B2C**. |
| 21 | +1. The client Angular SPA uses [MSAL Angular](https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular) to sign-in a user and obtain a JWT [Access Token](https://aka.ms/access-tokens) from **Azure AD B2C**. |
| 22 | +1. The access token is used as a *bearer* token to authorize the user to call the .NET Core web API protected by **Azure AD B2C**. |
| 23 | +1. The service uses the [Microsoft.Identity.Web](https://aka.ms/microsoft-identity-web) to protect the Web api, check permissions and validate tokens. |
24 | 24 |
|
25 | | - |
| 25 | + |
26 | 26 |
|
27 | 27 | ## Contents |
28 | 28 |
|
|
0 commit comments