How to Secure Your .NET API with Microsoft Entra ID & Angular MSAL!

If you want to secure your API but don't want to go through the hassle of creating your own tokens and security, one easy way is to embrace Microsoft Entra ID. Using the MSAL library for frontend applications and the Identity package for the .NET API you can handle the Authorization and Authentication for any request to your .NET API. In Angular you just have to use the MSAL library and that takes care of the sign in process so the client side has a JWT to send in its requests to the backend application. In this video I am going to explain what is EntraID and MSAL. Also, show you how to set up your .NET API correctly in Azure so you can properly use Entra ID, as well as how to set up your Angular application so it can log in and have an id to send to the backend. How To Register An App: https://learn.microsoft.com/en-us/entra/identity-platform/howto-call-a-web-api-with-curl?tabs=dotnet6%2Cbash&pivots=no-api Scalar Video: https://youtu.be/J8i1RWowjwc Join this channel for $3 and get access to perks & VIDEOS CODE: https://www.youtube.com/channel/UCGUKXx5HYoEIiZ5Me2QDvTw/join Support Me On Patreon: https://www.patreon.com/israelquiroz Follow Me On TikTok: https://www.tiktok.com/@israelquiroz93?lang=en All My Links Here: https://linktr.ee/israelquiroz #DotNetAPI #AngularMsal #EntraId Timestamp -------------------------- 00:00 Intro 00:39 What is Microsoft Entra ID? 02:26 What is MSAL? (Microsoft Authentication Library) 03:00 The .NET 9 API we are using! 03:42 The Angular 19 app we are using! 04:17 How to register your .NET API in Azure 07:43 How to add Entra ID Authentication and Authorization to a .NET API 11:01 How to setup Angular MSAL in a Angular Frontend application 19:55 Testing our Angular .NET application to see if MSAL & Entra ID Auth works