Blazor WebAssembly Authentication (Part 1: Back End)
7.3 هزار بار بازدید -
3 سال پیش
-
Blazor WebAssembly Authentication - Learn
Blazor WebAssembly Authentication - Learn how to add authentication and authorization to your Blazor WASM web apps by leveraging ASP.NET Identity. In this 2-part series we'll do just that by creating an ASP.NET Web API with a SQLite database that will be hosted inside an Azure App Service and Client applications running on frameworks like Angular, React or Blazor can use this API to register as a new user or sign in as an existing user.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► Blazor - Real World Developer Portfolio Course:
https://rubenheeren.com/course-promo-...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► DOWNLOAD SOURCE CODE:
https://github.com/RubenHeeren/Blazor...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► LIVE DEMO:
https://black-stone-0b4518703.azurest...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
The technologies used are:
• Blazor WebAssembly
• ASP.NET Core Web API
• ASP.NET Core Identity
• JWT (JSON Web Tokens)
• Entity Framework Core
• SQLite
• Bootstrap
• Microsoft Azure
The IDE used is Visual Studio 2022 preview.
The .NET version is .NET 6 Preview 7.
In this video, (Part 1: Back End) we'll build the back end with the API that our Blazor WASM client (that we'll build in Part 2: Front End) running inside an Azure Static Web App will consume.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► TIMESTAMPS
0:00 - Intro
1:03 - Getting started
4:31 - Adding NuGet Packages
9:00 - Setting up Entity Framework Core
11:21 - Configuring Program.cs
19:35 - Adding keys to appsettings.json
22:02 - Configuring the HTTP request pipeline
24:15 - Generating the database
26:21 - Creating the UserController and User model
51:26 - Testing it out in Swagger
53:59 - Outro
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► CREDITS
Lively Animated Desktop Wallpaper Software: https://github.com/rocksdanister/lively
Motherboard Background Image:
https://unsplash.com/@alexkixa
Visit my website (example of what you can build with ASP.NET): https://rubenheeren.com
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Good luck on your developer journey!
#blazorwasm #authentication #backend
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► Blazor - Real World Developer Portfolio Course:
https://rubenheeren.com/course-promo-...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► DOWNLOAD SOURCE CODE:
https://github.com/RubenHeeren/Blazor...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► LIVE DEMO:
https://black-stone-0b4518703.azurest...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
The technologies used are:
• Blazor WebAssembly
• ASP.NET Core Web API
• ASP.NET Core Identity
• JWT (JSON Web Tokens)
• Entity Framework Core
• SQLite
• Bootstrap
• Microsoft Azure
The IDE used is Visual Studio 2022 preview.
The .NET version is .NET 6 Preview 7.
In this video, (Part 1: Back End) we'll build the back end with the API that our Blazor WASM client (that we'll build in Part 2: Front End) running inside an Azure Static Web App will consume.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► TIMESTAMPS
0:00 - Intro
1:03 - Getting started
4:31 - Adding NuGet Packages
9:00 - Setting up Entity Framework Core
11:21 - Configuring Program.cs
19:35 - Adding keys to appsettings.json
22:02 - Configuring the HTTP request pipeline
24:15 - Generating the database
26:21 - Creating the UserController and User model
51:26 - Testing it out in Swagger
53:59 - Outro
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►► CREDITS
Lively Animated Desktop Wallpaper Software: https://github.com/rocksdanister/lively
Motherboard Background Image:
https://unsplash.com/@alexkixa
Visit my website (example of what you can build with ASP.NET): https://rubenheeren.com
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Good luck on your developer journey!
#blazorwasm #authentication #backend
3 سال پیش
در تاریخ 1400/06/09 منتشر شده
است.
7,317
بـار بازدید شده