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
Смотрите видео Authentication and Authorization with Okta in .NET 6 Blazor Server онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code with Julian 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 15,162 раз и оно понравилось 267 людям.