.NET 7 Blazor Web Assembly Authentication using Web API and ASP.NET Core Identity
7.5 هزار بار بازدید -
پارسال
-
Table of Contents:
Table of Contents:
00:00:00 | Introduction to Blazor Authentication.
00:03:44 | Creating Web Assembly App.
00:05:55 | Installing JwtBearer, EFCore, EFcore.SQL Server, EFCore.Tools, Identity.UI, Diagnostic.EFCore NuGet packages.
00:08:35 | Setting up Database connection string in AppSettings.josn file.
00:10:55 | Creating Application Db Context class.
00:12:30 | Registering database connection service in program.cs file.
00:13:41 | Registering Default Identity in program.cs file.
00:14:40 | Add Database-Migration.
00:17:15 | Registering Authentication and JWT (Json Web Token) in program.cs file.
00:19:50 | Add Authentication and Authorization middleware pipeline.
00:20:38 | Creating Account Controller for registration.
00:23:40 | Creating Register & Register Result models.
00:26:30 | Install Swashbuckle NuGet package for API UI.
00:27:12 | Registering Swagger service and configuring the middleware pipeline in program.cs file.
00:27:41 | Testing the Account registration Action method in swagger UI.
00:30:00 | Adding Login Controller.
00:32:41 | Creating Login & Login Result models.
00:35:15 | Testing the Login Action method in swagger UI for JWT.
00:36:54 | Updating App.razor to check Authentication.
00:40:00 | Creating Custom Authentication State Provider.
00:41:38 | Installing Blazored Local Storage & Component Authorization NuGet package.
00:47:39 | Creating Authentication Service.
00:48:00 | Creating registration, login and logout razor components.
00:59:59 | Configuring Dependency injection on Authentication service in program.cs.
01:02:09 | Running the application.
Download source code | https://github.com/CodeAcademyCA/Auth...
Step-By-Step | .NET Blazor | Authentication with Cli... | Authentication with Client-Side Blazor using Web API and ASP.NET Core Identity.
Related Videos
.NET Blazor | Blazor Web Assembly Aut... | Blazor Web Assembly Authentication using Individual Account.
.NET 7 Blazor Web Assembly Authentica... | Blazor Web Assembly Authentication using Web API and ASP.NET Core Identity
.NET 7 SQLite Database CRUD Operation... | SQLite Database CRUD Operations in Web API using Entity Framework Core.
.NET 7 SQL Server CRUD Operations in ... | SQL Server CRUD Operations in Web API using Entity Framework Core.
.NET 7 EFCore All Relationships (One-... | EFCore Relationships (One-to-One, One-to-Many, Many-to-Many) in Web API with SQL Server.
.NET 7 AutoMapper Data Transfer Objec... | AutoMapper Data Transfer Objects DTOs explained
.NET 7 Navigation Component in Blazor... | Navigation Component in Blazor Web Assembly using NavigationLock
.NET 7 Object Relational Mapper (ORM)... | Object Relational Mapper ORM Explained for Everyone
.NET EFCore | Scaffold SQL Database w... | Scaffold SQL Database with DB First migration in Web API using EntityFrameworkCore.
.NET EFCore | Web API Entity Framewor... | Web API EntityFrameworkCore (EF7) Pagination using Skip() and Take() methods.
.NET EFCore | Send Email in Web API u... | Send Email in Web API using Mailkit SMTP.
.NET EFCore | AutoMapper Data Transfe... | AutoMapper Data Transfer Objects DTO with Web API Explained.
Video | Blazor WebAssembly Chat with SignalR using WebSockets.
.NET EFCore | Create JSON Web Token (... | Create JSON Web Token (JWT) for User Registration and Login using Password Hash and Salt.
.NET EFCore | EFCore All Relationship... | EFCore All Relationships (11, 1n, nn ) with Entity Framework Core SQL Server.
.NET EFCore | Read JWT Authorization ... | Web API Role - Based Authorization with JSON Web Token (JWT).
Introduction
Authentication and authorization are the most common requirements of most applications. Authentication is a process of validating users and Authorization is a process of validating access right of users for accessing application resources.
Blazor uses the ASP.NET core security model to provide authentication and authorization. Both Blazor server app and client app (WebAssembly) have different security scenarios as Blazor server app uses server resource to provide authorization, and Blazor client app (WebAssembly) runs on the client; hence authorization is only determined which UI option can be accessible by the user.
Authentication
Server-side Blazor uses ASP.NET Core authentication mechanisms. The Server-side Blazor uses SignalR for real-time connection between the server and UI. So, SignalR handles the authentication on established connection. There is an option available to enable authentication for the Blazor app when you create the application.
Blazor Web Assembly authentication
In Blazor WebAssembly, authentication checks can be bypassed because all client-side code can be modified by users. The same is true for all client-side app technologies, including JavaScript SPA frameworks and native apps for any operating system.
00:00:00 | Introduction to Blazor Authentication.
00:03:44 | Creating Web Assembly App.
00:05:55 | Installing JwtBearer, EFCore, EFcore.SQL Server, EFCore.Tools, Identity.UI, Diagnostic.EFCore NuGet packages.
00:08:35 | Setting up Database connection string in AppSettings.josn file.
00:10:55 | Creating Application Db Context class.
00:12:30 | Registering database connection service in program.cs file.
00:13:41 | Registering Default Identity in program.cs file.
00:14:40 | Add Database-Migration.
00:17:15 | Registering Authentication and JWT (Json Web Token) in program.cs file.
00:19:50 | Add Authentication and Authorization middleware pipeline.
00:20:38 | Creating Account Controller for registration.
00:23:40 | Creating Register & Register Result models.
00:26:30 | Install Swashbuckle NuGet package for API UI.
00:27:12 | Registering Swagger service and configuring the middleware pipeline in program.cs file.
00:27:41 | Testing the Account registration Action method in swagger UI.
00:30:00 | Adding Login Controller.
00:32:41 | Creating Login & Login Result models.
00:35:15 | Testing the Login Action method in swagger UI for JWT.
00:36:54 | Updating App.razor to check Authentication.
00:40:00 | Creating Custom Authentication State Provider.
00:41:38 | Installing Blazored Local Storage & Component Authorization NuGet package.
00:47:39 | Creating Authentication Service.
00:48:00 | Creating registration, login and logout razor components.
00:59:59 | Configuring Dependency injection on Authentication service in program.cs.
01:02:09 | Running the application.
Download source code | https://github.com/CodeAcademyCA/Auth...
Step-By-Step | .NET Blazor | Authentication with Cli... | Authentication with Client-Side Blazor using Web API and ASP.NET Core Identity.
Related Videos
.NET Blazor | Blazor Web Assembly Aut... | Blazor Web Assembly Authentication using Individual Account.
.NET 7 Blazor Web Assembly Authentica... | Blazor Web Assembly Authentication using Web API and ASP.NET Core Identity
.NET 7 SQLite Database CRUD Operation... | SQLite Database CRUD Operations in Web API using Entity Framework Core.
.NET 7 SQL Server CRUD Operations in ... | SQL Server CRUD Operations in Web API using Entity Framework Core.
.NET 7 EFCore All Relationships (One-... | EFCore Relationships (One-to-One, One-to-Many, Many-to-Many) in Web API with SQL Server.
.NET 7 AutoMapper Data Transfer Objec... | AutoMapper Data Transfer Objects DTOs explained
.NET 7 Navigation Component in Blazor... | Navigation Component in Blazor Web Assembly using NavigationLock
.NET 7 Object Relational Mapper (ORM)... | Object Relational Mapper ORM Explained for Everyone
.NET EFCore | Scaffold SQL Database w... | Scaffold SQL Database with DB First migration in Web API using EntityFrameworkCore.
.NET EFCore | Web API Entity Framewor... | Web API EntityFrameworkCore (EF7) Pagination using Skip() and Take() methods.
.NET EFCore | Send Email in Web API u... | Send Email in Web API using Mailkit SMTP.
.NET EFCore | AutoMapper Data Transfe... | AutoMapper Data Transfer Objects DTO with Web API Explained.
Video | Blazor WebAssembly Chat with SignalR using WebSockets.
.NET EFCore | Create JSON Web Token (... | Create JSON Web Token (JWT) for User Registration and Login using Password Hash and Salt.
.NET EFCore | EFCore All Relationship... | EFCore All Relationships (11, 1n, nn ) with Entity Framework Core SQL Server.
.NET EFCore | Read JWT Authorization ... | Web API Role - Based Authorization with JSON Web Token (JWT).
Introduction
Authentication and authorization are the most common requirements of most applications. Authentication is a process of validating users and Authorization is a process of validating access right of users for accessing application resources.
Blazor uses the ASP.NET core security model to provide authentication and authorization. Both Blazor server app and client app (WebAssembly) have different security scenarios as Blazor server app uses server resource to provide authorization, and Blazor client app (WebAssembly) runs on the client; hence authorization is only determined which UI option can be accessible by the user.
Authentication
Server-side Blazor uses ASP.NET Core authentication mechanisms. The Server-side Blazor uses SignalR for real-time connection between the server and UI. So, SignalR handles the authentication on established connection. There is an option available to enable authentication for the Blazor app when you create the application.
Blazor Web Assembly authentication
In Blazor WebAssembly, authentication checks can be bypassed because all client-side code can be modified by users. The same is true for all client-side app technologies, including JavaScript SPA frameworks and native apps for any operating system.
پارسال
در تاریخ 1401/12/02 منتشر شده
است.
7,553
بـار بازدید شده