Why and How Use Azure Active Directory (AAD) with Blazor Web Assembly (WASM)

In this video Frank is explaining why you should use #Azure Active directory (#AAD). To show how easy it is to use, he will build a Blazor web assembly (#WASM) application, and use AAD with it. The demo will contain how to secure pages for authenticated users, and when part of the admin group. Frank will also share some very useful links to learn more and continue your journey.

(#cloud5mins - Episode 62 )

USEFUL LINKS:
-----------------------
📝

Timestamps
--------------------
00:00:00 Intro
00:00:21 Why use Azure Active Directory
00:01:31 Create an Application Registration in AAD
00:05:08 Create Blazor WASM application
00:07:01 Look web site & try Login
00:08:02 Make a page visible only when authenticated
00:09:23 Test secured page
00:10:22 Make a page visible only when part of administrator group
00:11:32 Test new security on the page
00:12:13 Share useful Links

FOLLOW ME ON
--------------------------

BLOGS
-----------

GEARS
-----------
- Camtasia 2020
- Fujifilm X-T2
- Blue Snowball

☁️

[fboucheros]

What would you like to see in a video about Azure Identity? Give me scenario example.

[DieterStapelberg]

Hey Frank, short, sweet and to the point. Great introduction. Subbed.

[sridharsathya]

Frank,
I love your passion and enthusiasm to share your knowledge. Got me started using AAD in 10 minutes or so! Thanks.

[ecwb]

That was exactly what I needed to see what a short perfect video, perfect many thanks Frank!

[HMarkman]

Please how to create the roles in the cloud?

[BiswameetHui]

Can you please throw some more light onto the last part i.e the user role based authentication that you did?
If i have to show/hide a component based on a user role, what all do I need to set up?

[mwonsil]

In .Net 5, , I learned to use the SPA platform when registering a Blazor WASM app otherwise I would get a Missing Secret error. Great video!

[gmddmg]

Hello from Uruguay! Great video. Keep going!

[talksis]

wasm is SPA.so.. 3:33 Should I set Redirect URI type to SPA?

[BernhardHofmann]

Great video, thank you. You have a new subscriber. 🙂

[Sam-pjsb]

Thanks for the tutorial! How different will this be with Blazor Server instead of Blazor Web Assembly?

[Duelweb]

In the Azure portal, you set the application as WEB application, but it should have been registered as a SPA application

[io_inc]

Could you please make a console application example as well

[shatvani]

Thank you for tutorial but I wonder how to configure/implement Azure AD SSO with Blazore WASM and Web API, please.

[kourosh]

Where do you add your account in administrator role?

[asrajan]

The platform type "web" option does not work for me. Only the "SPA" option works. @ 3:14 in the video

[adipatima]

Great content.. but I have a question... how to integrate the AAD as in the video, but for "role" data is retrieved and defined via fetching custom backend API?
do I have to stick with "create project" with "-au SingleOrg"?

[ctbtspk]

what if i have an existing blazor server app that uses database to login. can i add azure ad to that?

[asrajan]

What is the color scheme/theme you use in this video? I love it.

[abannsunny]

Great video! How do you authenticate an api back end with the same authentication scheme as the UI?