A Step-by-Step Guide : Angular and .NET 8 Authentication 🔐 - Part 1

🚀 Dive into the world of cutting-edge development with our latest tutorial series, "Building a Role-Based Authentication System with .NET 8 WebAPI & Angular 17 using JWT Tokens - Part 1"! 🌐💻

🔐 In this episode, we embark on a journey to implement robust user authentication in a modern web application. Learn how to leverage the power of .NET 8 WebAPI to create a secure backend and Angular 17 for a dynamic front-end. The focus will be on role-based authentication, ensuring that users have the right permissions for their actions.
Watch Part 2:
Other Tutorials You may like :
#angular17 #dotnet8 #jwt #webapi
========GITHUB REPOSITORY =======
Outline:
0:00 Environment setup for .net 8 and angular 17
3:30 Create .net web api for backend
6:40 Create user model
7:20 Create data for accessing data from database
8:09 Add SqliteDb In Programs
10:14 Add Identity With IdentityRole in Programs
10:48 Lets Add JWT Bearer Authentication
12:45 Get JWT Setting From AppSetting.Json File
14:09 Additional Property In Swaggern Add OpenAPI
18:00 Create Initial Migrations
19:48 Create Account Controller
23:50 Implement Register Endpoint
24:41 Create RegisterDto Dto Class
29:30 Create AuthResponse Dto Class
33:45 Implement Login Endpoint
34:35 Create LoginDto Class
37:40 Cerate Private GenerateToken method
43:58 Try Login Endpoint in Swagger
44:48 Implement GetUserDetail Endpoint f or getting Detail of Current Login User
50:00 Implement GetAllUser Methods
52:01 Create RoleController
53:32 Implement CreateRole Endpoint
57:20 Implement GetRoles Endpoint
1:00:00 Implement Delete Role
1:02:50 Authorize Endpoints using Authorize Attribute
1:04:10 Add Role Base Access
1:07:38 Implement Assign Role Endpoint
.net web api jwt authentication
jwt token .net core web api
.net 6 web api jwt authentication
.net framework web api jwt authentication
.net 7 web api jwt authentication
jwt token authentication web api net core 6 github
how to implement jwt token in .net core web api
jwt authentication in .net core web api
jwt token in .net core web api
jwt authentication in .net 6 web api
what is jwt token in web api
jwt .net core web api
c# web api jwt authentication
jwt token in web api .net core
c# web api get jwt token
angular 17 authentication full course
secure .net core web api with jwt
.net web api jwt token
jwt token .net 6 web api
jwt token authentication using the .net core 6 web api
.net core web api with jwt token
how jwt token works in web api .net core
jwt token web api c#
.net core web api jwt
angular jwt authentication
angular jwt interceptor
angular jwt authentication github
angular jwt token decode
angular jwt validate token
angular jwt authentication with web api
angular jwt authentication example
angular jwt bearer
angular jwt role based authentication
angular authentication jwt best practices
angular 8 jwt authentication example
bezkoder angular jwt
best way to store jwt token in angular
best practices for jwt authentication in angular apps
how to send jwt token from angular to backend
jwt token based authentication in angular
angular jwt claims
angular jwt create token
angular check jwt token
angular convert jwt token
angular create jwt token
jwt token angular .net core
how to check jwt token expiry in angular
angular get claims from jwt token
how to get user details from jwt token in angular
get expiration date from jwt token angular
angular jwt encode
angular encode jwt token
angular jwt interceptor example
angular jwt authentication example
angular 13 jwt authentication example
angular jwt get user from token
angular get data from jwt token
angular role based login
angular get roles from jwt
angular get jwt token from header

[TpLink-fc]

Thank you so much !!! for amazing tutorials waiting for angular 17 part

[annurangrez]

You are doing great. Give us more tutorials like this

[lost_daemon]

Thank your for the tutorial!
31:20 Its better to initially populate databases by using EF Migrations so you will be able to create roles and other stuff automatically on production

[xxldqyc]

when i try to run : dotnet ef database update
i got these error:
A network-related or instance-specific error occurred while establishing a connection to SQL Server.
The server was not found or was not accessible.
Error: 40 - Could not open a connection to SQL Server.

Can someone help me, please, thanks alot

[berserkerrxii]

idk how you got GetAllRoles with the user count to work. I keep getting errors about a datareader in progress and if I huck into a list before and loop it says something is trying to complete first.

[rode_draak]

with the account get request without detail, im getting an error where the sql connection is already in use

any idea what could cause this?

Could you add the Github source code to avoid possible errors? Thanks

[mdsafikulislam]

Please integrate this API using React19

[AnuRani-lyoo]

can you share your git repository with us?