Skip to content

Template project: Standalone Angular17 and Json-server with authentication using Microsoft Authentication LIbrary(MSAL)

License

Notifications You must be signed in to change notification settings

ryanninodizon/msal-angular17-with-listdata

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to make this working?

This template is based on the official MSAL JavaSscript template: 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

msalConfig: {
     auth: {
         clientId: <client-id>,
         authority: 'https://login.microsoftonline.com/<tenant-id>'
     }
 }

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

Install Angular dependencies and run

  • npm install
  • ng start

Screenshots

Profile page

Details page

About

Template project: Standalone Angular17 and Json-server with authentication using Microsoft Authentication LIbrary(MSAL)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published