You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Nov 16, 2023. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+18-18Lines changed: 18 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -5,16 +5,26 @@ languages:
5
5
- nodejs
6
6
products:
7
7
- azure-active-directory
8
-
description: "A simple Angular single page application calling the Microsoft Graph using MSAL Angular (Azure AD V2 endpoint)."
8
+
description: "Demonstrates how to use MSAL Angular to login, logout, protect a route, and acquire an access token for a protected resource such as Microsoft Graph."
A simple Angular single-page application which demonstrates how to configure[MSAL Angular](https://www.npmjs.com/package/@azure/msal-angular) to login, logout, protect a route, and acquire an access token for a protected resource such as the Microsoft Graph.
14
+
Demonstrates how to use[MSAL Angular](https://www.npmjs.com/package/@azure/msal-angular) to login, logout, protect a route, and acquire an access token for a protected resource such as Microsoft Graph
15
15
16
16
**Note:** This sample's structure was generated with the [Angular CLI](https://cli.angular.io/).
17
17
18
+
## Key concepts
19
+
20
+
This sample demonstrates the following MSAL Angular concepts:
21
+
22
+
* Configuration
23
+
* Login
24
+
* Logout
25
+
* Protecting a route
26
+
* Acquiring an access token and attaching it to http calls
27
+
18
28
## Contents
19
29
20
30
| File/folder | Description |
@@ -41,28 +51,18 @@ A simple Angular single-page application which demonstrates how to configure [MS
41
51
42
52
## Prerequisites
43
53
44
-
[Node](https://nodejs.org/en/) must be installed to run this sample.
54
+
[Node.js](https://nodejs.org/en/) must be installed to run this sample.
45
55
46
56
## Setup
47
57
48
58
1.[Register a new application](https://docs.microsoft.com/azure/active-directory/develop/scenario-spa-app-registration) in the [Azure Portal](https://portal.azure.com). Ensure that the application is enabled for the [implicit flow](https://docs.microsoft.com/en-us/azure/active-directory/develop/v2-oauth2-implicit-grant-flow).
49
-
2. Open the [src/app/app.module.ts](./src/app/app.module.ts) file and provide the required configuration values (inside `MsalModule.forRoot`).
50
-
3.On the command line, navigate to the root of the repository, and run`npm install` to install the project dependencies via npm.
59
+
2. Open [src/app/app.module.ts](./src/app/app.module.ts). Inside `MsalModule.forRoot` provide the required configuration values.
60
+
3.Install project dependencies from the command line by navigating to the root of the repository and running`npm install`.
51
61
52
-
## Running the sample
62
+
## Run the sample
53
63
54
-
1. To start the sample application, run `npm start`.
55
-
2. Next, open a browser to [http://localhost:4200](http://localhost:4200).
56
-
57
-
## Key concepts
58
-
59
-
This sample demonstrates the following MSAL Angular concepts:
60
-
61
-
* Configuration
62
-
* Login
63
-
* Logout
64
-
* Protecting a route
65
-
* Acquiring an access token and attaching it to http calls
64
+
1. Start the sample application with `npm start`.
65
+
2. In your browser, navigate to [http://localhost:4200](http://localhost:4200).
0 commit comments