Developer technologies | ASP.NET | ASP.NET Core
A set of technologies in the .NET Framework for building web applications and XML web services.
In .Net 8 blazor web app with auto render mode, how i can use azure active directory login
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(83.2, 31%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EKY%3C/text%3E%3C/svg%3E)
Kuldeep Y
41
Reputation points
Hello, I have a new Blazor web app project and i want user azure active directory authentication how I can do this is I need to user MSAL Web assembly package or Microsoft.Identity.Client package for done authentication and how I should do the configuration for user Azure Active directory.
Developer technologies | ASP.NET | ASP.NET Core
Developer technologies | .NET | Blazor
Developer technologies | .NET | Blazor
A free and open-source web framework that enables developers to create web apps using C# and HTML, developed by Microsoft.
Microsoft Security | Microsoft Entra | Microsoft Entra ID
Microsoft Security | Microsoft Entra | Microsoft Entra ID
A cloud-based identity and access management service for securing user authentication and resource access
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Anonymous2024-01-04T15:02:50.82+00:00 1)First install the packages which is required for the application
2)Then register your application in azure and get the Application (client) ID and Directory (tenant) ID.
3)Set the redirect uri in the azure AD
4)Add and configure the MSAL authentication services:
builder.Services.AddMsalAuthentication(options =>
{
builder.Configuration.Bind("AzureAd", options.ProviderOptions.Authentication); options.ProviderOptions.DefaultAccessTokenScopes.Add("https://graph.microsoft.com/User.Read"); options.ProviderOptions.LoginMode = "redirect";});
5)Add your Azure AD configuration:
{
"AzureAd": {
"Authority": "https://login.microsoftonline.com/{TENANT_ID}", "ClientId": "{CLIENT_ID}", "ValidateAuthority": true}
}
6)Add the code regarding login, logout, and authentication in your app. Use the
<LoginDisplay>component for login/logout functionality.Use[Authorize]attribute on Razor pages or components to enforce authentication.- Inject
AuthenticationStateProviderto access user information.UseIAccessTokenProviderto acquire access tokens for accessing protected resources.
- Inject
Sign in to comment
Sign in to answer