DEV Community

The Angular Show

E044 - Securing Angular Apps with the Microsoft Identity Platform

Securing your Angular application is almost always necessary. And, it's almost always unnecessary for you to roll your own solution to authentication and security. Why? First, security is not easy and straight-forward. At first, you might be tempted to think, "Well, it's just a form with two fields, email, and a password, right?" Not really. Securing your app is complex, constantly evolving, and is critical to your application. Finally, implementing your own OAuth-based social account authentication can be mundane, and perhaps even trivial. You, your team, and your organization should prioritize what you know and do best: building your app.

While there are many identity providers to choose from, Angular Show panelists Jeniffer Wadella and Brian Love wanted to learn more about the solution provided by Microsoft. So, we sat down with Christos Matskas from the Microsoft Identity Product Group to learn more.

Microsoft Azure provides a robust infrastructure and tooling for securing Angular applications. And getting started only requires an Azure account and your existing knowledge of Angular. First, you register your Angular application, then you can configure your Angular application using the Microsoft Authentication Library for JavaScript. The Microsoft Identity Product Group team has also built a wrapper on top of the JS library specifically for Angular, making it very easy to install and import the necessary module into your Angular application's root module to configure your application. The team also provides plenty of source code examples in their documentation specific to Angular. Using Microsoft Identity platform, you can rest assured that your application is secure, and the security of your application is following best practices from security experts.

Join us as we learn about the benefits of using an identity provider, the specific implementation of using Microsoft Azure identity solution with Angular, and how you can get started. Don't forget to subscribe to get more great content from the Angular Show!

Show Notes:
https://medium.com/identity-beyond-borders/what-the-heck-is-pkce-40662e801a76
https://docs.microsoft.com/en-us/azure/active-directory/develop/quickstart-v2-angular

Connect With Us:
Christos Matskas -
@ChristosMatskas
@AzureAndChill
aka.ms/425Show
aka.ms/425Show/yt
aka.ms/425Show/blog
aka.ms/425Show/discord/join

Jennifer Wadella -
@likeOMGitsFEDAY

Brian Love -
@brian_love

Episode source