Back to Browse

Angular login with jwt | Angular Role based authorization

8.0K views
Premiered Oct 21, 2022
2:44:58

Implement login and signup in angular. Role based authentication with the help of jwt token and refresh token in angular. Route guard and HTTP Interceptor. We will build complete project in angular 14 for that. .......................................................... Links related to project: Authentication apis in .net 6 : https://youtu.be/g2WHURQObzQ Source code of angular auth project: https://github.com/rd003/AngularAuthentication source code of dot net 6 apis: https://github.com/rd003/DotNet6-jwt-refresh-tokens ............................................................................................................... Other links: Angular tutorials and projects: https://bit.ly/3DitqDp dot net 6 tutorial and project: https://bit.ly/3MSrXGX dot net core series: https://bit.ly/3TolF4i dot net 6 projects: https://bit.ly/3zpn9ng ....................................................... connect with me Twitter: https://twitter.com/ravi_devrani GitHub: https://github.com/rd003 Youtube: https://www.youtube.com/channel/UCzTMzmLbuEWOUmpzo9vaV7Q .......................................... Become a supporter: You can buy me a coffee: https://www.buymeacoffee.com/ravindradevrani ............................................................................. Time stamp 00:00 Introduction and demo of project 02:01 Setting up a new project 04:50 Create components 07:28 Defining our routes 10:53 Defining views and styles of our signup and login components 15:24 Create authentication service 28:27 Implement signup component with custom validations 1:09:17 Implement login component 1:21:50 Auth service 1:36:13 Designing Layout and dashboard, user and admin component 1:45:00 Logout 1:48:05 Separate layout from login page 1:52:51 Unguarded route problem 1:53:00 Create route guard 1:58:00 Service for protected api resources 2:03:10 Http Interceptor for passing access token 2:20:48 Hiding admin links for user 2:34:09 Refresh tokens 2:44:39 Conclusion ......................................................................................... Other links: Angular tutorials and projects: https://bit.ly/3DitqDp dot net 6 tutorial and project: https://bit.ly/3MSrXGX dot net core series: https://bit.ly/3TolF4i ...................................................................................... connect with me Twitter: https://twitter.com/ravi_devrani GitHub: https://github.com/rd003 Youtube: https://www.youtube.com/channel/UCzTMzmLbuEWOUmpzo9vaV7Q ........................................................................................... Become a supporter: You can buy me a coffee: https://www.buymeacoffee.com/ravindradevrani .................................................................................................... #jwt

Download

1 formats

Video Formats

360pmp4279.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Angular login with jwt | Angular Role based authorization | NatokHD