Authentication and Authorization with Okta in .NET 6 Blazor Server
In this video we'll learn how to add Authentication and Authorization with Okta in a .NET 6 Blazor Server application. By the end of this tutorial, we will have a Blazor Server web application, configured with Okta OAuth 2.0 authorization code flow. We will also learn how to set up the official .NET 6 OIDC (OpenID Connect) authentication middleware.
🎁 Authorization Code Flow mini PDF 👉 https://resources.codewithjulian.com/...
👉Join our 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
👩💻 Source code: https://github.com/iulianoana/okta-au...
📝 Written tutorial 👉 https://codewithjulian.com/authentica...
😮 By the end of this tutorial, you will be able to:
Setup a new Blazor Server application
Create an Okta app integration
Integrate Okta into a Blazor Server application
Secure a Blazor Server application with Okta
Configure the .NET OIDC middleware within a Blazor Server application
Secure certain pages of a Blazor app, by enforcing Authorization
Redirect users to the login page if they are not authenticated
🖊 Useful Notes:
These are the parameters when creating the Okta app integration. Please ensure you take the space out them, if copied directly.
Sign-in redirect URIs: https: //localhost:5001/authorization-code/callback
Sign-out redirect URIs : https: //localhost:5001/signout-callback-oidc
Base URIs: https: //localhost:5001/
This are the ports used in launchSettings.json
launchSettings.json: 5001 (https) & 5000 (http)
📦 Dependencies:
👉 Okta.Sdk --version 5.6.0
👉 Microsoft.AspNetCore.Authentication.OpenIdConnect --version 6.0.5
0:00 - Intro
00:35 - Change the app url ports
00:47 - Install Dependencies
01:39 - Create a new Application in Okta
04:17 - Modify appsettings.json
06:23 - Configure the Blazor app to use Okta as the External Auth Provider
09:27 - Add a LoginController
12:19 - Add LoginDisplay.razor
14:31 - Add the LoginDisplay component to MainLayout.razor
14:54 - Setup unauthorized redirect
16:20 - Setup the App.razor
18:54 - Run the app and test it
21:50 - Setup authorization inside pages
🥇 Credits:
Sound effects obtained from https://www.zapsplat.com
Icons created by the designers at freepik.com and flaticon.com
Images from the artists on unsplash.com
Watch video Authentication and Authorization with Okta in .NET 6 Blazor Server 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 15,162 once and liked it 267 people.