Originally being scheduled for December 2019, MSAL Angular 1.0 was finally released on May 3rd 2020 ending a long phase of workarounds and beta versions of the Angular variant of the MSAL library for Single Page Applications (SPA). Version 1.0 introduces some breaking changes especially in the configuration part of the library. So make sure to checkout the upgrade guide here for details:  https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-angular/docs/0.x-1.x-upgrade-guide.md

Prerequisites

• Nodejs & NPM,  https://nodejs.org/
• Angular CLI,  https://cli.angular.io/
• Azure AD, get your free Azure account here:  https://azure.microsoft.com/en-us/free/
• Visual Studio Code (or whatever you like for developing Angular apps):  https://code.visualstudio.com/

Configure a new app registration in Azure AD

To use Azure AD as an authentication provider in Angular we need to register a new app in the Azure portal:  https://portal.azure.com/#blade/Microsoft_AAD_IAM/ActiveDirectoryMenuBlade/RegisteredApps, click on new registration:

Azure AD App Registrations

#angular #azurae