Authentication in ASP.NET with Identity Server 4 | Tutorial Part 2
We are going to add authentication and authorization to a Blazor Server app with IdentityServer4. The aim of this tutorial is to simplify the process of securing a Blazor application, showing how we can easily generate JWT tokens and restrict user access based on their authentication state.
👉Join our bi-monthly email club: https://signup.codewithjulian.com
🎉Check Out Further Resources: https://codewithjulian.com
👍If you enjoyed this tutorial, please like this video consider subscribing for more content like this!
😎Subscribe for endless .NET Tutorials: / codewithjulian
By the end of this tutorial, you will be able to:
Setup a new Blazor Server application
Manage components within a Blazor Server project
Setup JWT Token Authorization within a .NET 6 Web API
Configure Authentication within a Blazor Server application
Configure JWT Token Generation for each http request
Secure a Blazor Server application with OpenIdConnect
Redirect users to the login page if they are not authenticated
Source code: https://github.com/iulianoana/CoffeeS...
Slides: https://resources.codewithjulian.com/...
Steps:
Part 3 - Setting up the Blazor Server (Client) project
1. Setup a new Blazor Server project
2. Add a new Blazor Component
3. Setup IdentityServer4 Authorization within the API
Install-Package IdentityServer4.AccessTokenValidation -Version 3.0.1
4. Setup the Blazor Server for JWT Generation
Install-Package IdentityModel -Version 5.2.0
5. Add a Bearer Token to a Http Request
6. Secure Blazor Server with IdentityServer4 (Authorization)
Part 4 - Secure the Client app with IdentityServer4
7. Setup Authentication and OIDC (Client)
Install-Package Microsoft.AspNetCore.Authentication.OpenIdConnect -Version 6.0.1
Install-Package Microsoft.AspNetCore.Components.Authorization -Version 6.0.1
8. Add a Login and Logout Razor pages
9. Add Login Redirect Blazor Component
10. Setup App.razor to enable Authorization
11. Show/Hide the NavMenu items based on Authorization
12. Authorize a Blazor component
Useful Links:
Complete playlist: • Authentication and Authorization with...
0:00 - Intro
01:10 - Components of this tutorial
07:02 - Setup a new Blazor Server project
10:38 - Add a new Blazor Component
16:41 - Setup IdentityServer4 Authorization within the API
21:50 - Setup the Blazor Server for JWT Generation
30:53 - Add a Bearer Token to a Http Request
36:20 - Secure Blazor Server with IdentityServer4 (Authorization)
37:50 - Setup Authentication and OIDC (Client)
41:40 - Add a Login and Logout Razor pages
47:21 - Add Login Redirect Blazor Component
49:57 - Setup App.razor to enable Authorization
51:09 - Show/Hide the NavMenu items based on Authorization
53:34 - Authorize a Blazor component
Credits:
Many thanks to Kevin Jones from Rock Solid Knowledge and his comprehensive tutorial series on IdentityServer.
Sound effects obtained from https://www.zapsplat.com
Icons designed by http://www.freepik.com and https://www.flaticon.com/
Images from the artists on https://unsplash.com/
Watch video Authentication in ASP.NET with Identity Server 4 | Tutorial Part 2 online without registration, duration hours minute second in high quality. This video was added by user Code with Julian 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 31,404 once and liked it 595 people.