ryanninodizon / msal-angular17-with-listdata

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

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

Azure Developer CLI

I have already used this test project for my AZD template, which you can get it here

Screenshots

Profile page

Details page