In this video we showcase how to implement authentication with Azure AD in a #Blazor #WebAssembly application. We do it from scratch, starting from the app registration in Azure AD!

Authentication is a fundamental part of any web application. As Blazor WebAssembly is essentially a single-page application framework, implementing authentication needs to follow the ordinary patterns and best practices for this type of scenario. As it’s most common, we implement an OIDC flow. Luckily, we have some help from libraries that handle most of the OIDC stuff.

After the app registration in #AzureAD, we showcase how to implement authentication. Last, but not least, we try to demonstrate how to use information about authentication state to display Blazor components only to authenticated users.

Videos mentioned:
Basic CRUD with Blazor WebAssembly: https://youtu.be/EhN8DKwSpiQ
GitHub repo: https://github.com/danpdc/BasicCrudBlazor

Table of contents:

  1. Intro - 00:01
  2. Registering app in Azure AD - 05:16
  3. Setting up the Blazor - 18:17
  4. Adding authentication Razor Components - 29:25
  5. Cascading authentication - 38:30
  6. Displaying components only for authenticated users - 51:00

#blazor #webassembly #azure

Blazor WebAssembly Authentication with Azure AD
1.10 GEEK