How to use the Microsoft Identity Platform with Angular Application | MSAL | Entra ID | SPA

#azure #angular #angular17 #identity
Did you know that implementing authorization and authentication in your single-page application can be easily done using MSAL (Microsoft Authentication Library) and the Microsoft Identity Platform? If you still don't know how make it working, just watch the whole demo to see how I did it.
You can also check my git repo for this demo:
github.com/ryanninodizon/msal...
To follow my demo you have to:
1.) You have to clone this Angular17 standalone template:
github.com/AzureAD/microsoft-...
2.) Then update the environment files with your own ClientID and TenantID which you can get from the app registration overview page. Once everything is updated, run the Angular app to test it.
0:00 Intro
0:40 install @azure/msal
1:00 Register Application to Entra ID
2:13 Update Entra Id App properties - this is important
3:12 Update the Angular app environment config
4:45 Build and test the Angular app
5:55 Update the Redirect URI value in App Registration
7:25 Update the Angular eng config file with the correct TenantID and run again
Thanks for watching and enjoy the rest of the video! Don't forget to hit the like button and leave a comment if you find this helpful. 🚀
Check out my other videos related to this:
• How to Deploy an Angul...
• How to deploy your Azu...
• Building Generative AI...
• .NET Aspire - Convert ...
• Serverless Backend API...
• Cloud Native Apps usin...
• Deploy Dockerized .NET...

[@mharadaily]

Helpful ❤

[@user-op2pf1xj2z]

Thank You.

[@varshask3231]

Inprogress$ not available error iam getting what do I do😮

[@LearnWithJon]

Thank you for watching my video.
Is that error coming from angular? Have you installed angular dependencies before running the app?
Check the source code for this demo here: github.com/ryanninodizon/msal-angular17-with-listdata
Hope it helps. Have a nice day.