Youtor
Authentication and Authorization with Okta in NET 6 Blazor Server
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=MvKK0UlgxGI
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
#############################
