https://github.com/ryanninodizon/msal-angular17-with-listdata
Template project: Standalone Angular17 and Json-server with authentication using Microsoft Authentication LIbrary(MSAL)
https://github.com/ryanninodizon/msal-angular17-with-listdata
angular17-standalone entra-id identity-platform msal single-page-applications spa
Last synced: 8 months ago
JSON representation
Template project: Standalone Angular17 and Json-server with authentication using Microsoft Authentication LIbrary(MSAL)
- Host: GitHub
- URL: https://github.com/ryanninodizon/msal-angular17-with-listdata
- Owner: ryanninodizon
- License: mit
- Created: 2024-05-06T23:48:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-09T08:55:20.000Z (about 1 year ago)
- Last Synced: 2024-08-09T10:16:10.327Z (about 1 year ago)
- Topics: angular17-standalone, entra-id, identity-platform, msal, single-page-applications, spa
- Language: TypeScript
- Homepage: https://youtu.be/QZnX_KXTpfI
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README

# How to make this working?
This template is based on the official MSAL JavaSscript template: [msal-angular](https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular "msal-angular")
### Install json-server and run
- npm install json-server
- json-server --watch db.json### Update environment values
You have to get the **ClientId** and **TenantId** from the App Registration page and update this file:
> Angular17-Standalone/src/environments/environment.dev.tsAngular17-Standalone/src/environments/environment.dev.ts```json
msalConfig: {
auth: {
clientId: ,
authority: 'https://login.microsoftonline.com/'
}
}
```If you don't know where to get the clientId and TenantId, you can watch my YouTube video: [How to use the Microsoft Identity Platform with Angular Application](https://youtu.be/QZnX_KXTpfI "How to use the Microsoft Identity Platform with Angular Application")
### Install Angular dependencies and run
- npm install
- ng start# Azure Developer CLI
I have already used this test project for my AZD template, which you can get it [here](https://azure.github.io/awesome-azd/?name=Azure+Serverless "Azure Serverless App with Angular and MSAL")
# Screenshots
#### Profile page
#### Details page
