

#Adal library angular direct url registration
The last step in this app registration is enabling the Oauth Implicit flow. Go to the Authentication menu item and check the boxes for Access Tokens and ID Tokens and save the configuration. As soon as it is created we can go into the details and write down the Client ID and Tenant ID because we will need it later. Lastly we fill in the Redirect URI where we enter “ because that is where our Angular application will expect it.Īfter that we press Register and wait for the application to be created. If it should only allow users from your tentant or you also want to allow multiple tenants or microsoft accounts. In here you can also select which AD should be used. We’ll call the first application “demoapp-frontend” and it will contain the configuration for our frontend application. You can add an application in the Azure Portal by going to “ Azure Active Directory -> App Registrations -> New Registration” Front End App Registration In Azure Active Directory we have to register 2 applications. Enable the angular app able to communicate with the web api in an authenticated way using access tokens.Create an Asp.Net Core Web Api from scratch and connect it to Azure Active Directory as well.Create an angular app from scratch using the Angular Cli and make it authenticate the user in Azure Active Directory using the MSAL library.So here is a description of what we’ll create in this post: There is quite some information and docs to be found on this subject but a lot of them are outdated and it took me longer than expected so that’s why i decided to write up how i got it to work, step by step. I have done this many times with different development technologies like Asp.Net, Xamarin etc, but this week i had to do it for an Angular app for the first time. Integrating your application with Azure Active Directory using OAuth shouldn’t be to hard at first sight.
