In this scenario, after a user signs in, an access token is requested and added to HTTP requests through the authorization header. The library also enables applications to get access to Microsoft cloud services and Microsoft Graph. MSAL Angular enables Angular 9+ applications to authenticate enterprise users by using Azure Active Directory (Azure AD), and also users with Microsoft accounts and social identities like Facebook, Google, and LinkedIn. It uses the Microsoft Authentication Library (MSAL) for Angular v2, a wrapper of the MSAL.js v2 library. The sample application created in this tutorial enables an Angular SPA to query the Microsoft Graph API or a web API that accepts tokens issued by the Microsoft identity platform.

Visual Studio Code or other editor for modifying project files.Node.js for running a local web server.MSAL Angular v2 does NOT support the implicit flow. MSAL Angular v2 improves on MSAL Angular v1 by supporting the authorization code flow in the browser instead of the implicit grant flow. Add code to support user sign-in and sign-out.Register the application in the Azure portal.

Ms auth app