Azure AD Authentication on Blazor WebAssembly

Implementing Azure AD Authentication In Blazor web assembly is very much similar to Blazor Server.

Please read the below post to know more details about azure portal configuration for Blazor Server

Step 1: Register the single page application on azure portal like this
Note: donot forget to append localhost URL with authentication/login-callback

Step 2: Select the Access Token and Id Token like this

Now create the Blazor Webassembly project with Microsoft Identity Platform

Now it will install, all the Authentication related nuget package and boilerplate code for us.

Step 3: Go to appsettings.json file and keep the TenantId and ClientId here.

Step 4: Now run the application, It will work as expected.

Azure AD authentication on Blazor Server

Recently I have used Azure AD(Active Directive) authentication on my Blazor project, So I am writing small post on this topic.

As you know Azure Active Directory (Azure AD) is a cloud-based identity and access management service. It is very simple and easy to integrate in Blazor Application.

Step1: Create the Blazor server application like this

Step2: Select the Authentication Type as “Microsoft Identity Platform”

Step 3: Now go to Azure portal and click on Active Directory

Step4: Click on Add and App registration link then you will see the page like this

Step 5: Click on Register and pick the client and tenant Id

Step 6: Go to Authentication then select the Id taken and Access Token and save it, like this image

Step 7: Go to appsettings.json file and file the required input like this

Note: you will get the Domain Name from here

Now run the application, It will work.