Secure Your Spring Boot and Angular Application with JWT Authentication
Hello viewers!!! Welcome to my Chanel. This is a continuation of my Sprint Security videos below. Please do check out to set up the project. https://youtu.be/Gpv0q-kwvJY In this video, I have explained how to authenticate with JWT. Below are explained with workflow diagram and code execution. 1. Spring Boot Service - Generating & Validating JWT - Adding Custom Filter for JWT Validation - Custom Exception Handler for Security - Configuring CORS 2. Angular - Store JWT to Local Storage - Adding interceptors - Intercept all the requests and add an Authorization header - Intercept all the responses and redirect user to login page if 401 - Unauthorized Please find the code repo below. https://github.com/amaialth/mfaserver https://github.com/amaialth/MFAApplication 00:00 What's in this video? 00:41 Introduction 00:55 The Plan 01:42 What is JWT? 02:05 Components of JWT 02:37 Implementing JWT Generation - Workflow 03:03 JWT Validation - Workflow 03:44 JWT to Local Storage - Workflow 03:51 Angulat Interceptors - Workflow 04:08 Code Implementation - Spring Boot 04:14 JWT Maven Dependencies 04:50 JWT Generation 07:51 Testing JWT Generation 09:04 Storing JWT in Angular 09:53 HTTP Interceptor 11:32 JWT Validation Filter 15:35 Adding a filter to Security Filter Chain 16:46 CORS Configuration 20:28 Authentication Entry Point Filter 21:27 Adding Exception handler to filter chain 24:00 401 Unauthorized 24:17 Implementing Error Interceptor 26:54 Adding Content-Type to CROS Configuration 27:44 Implementing JWT Validation - Spring Boot 29:14 Demo
Hello viewers!!! Welcome to my Chanel. This is a continuation of my Sprint Security videos below. Please do check out to set up the project. https://youtu.be/Gpv0q-kwvJY In this video, I have explained how to authenticate with JWT. Below are explained with workflow diagram and code execution. 1. Spring Boot Service - Generating & Validating JWT - Adding Custom Filter for JWT Validation - Custom Exception Handler for Security - Configuring CORS 2. Angular - Store JWT to Local Storage - Adding interceptors - Intercept all the requests and add an Authorization header - Intercept all the responses and redirect user to login page if 401 - Unauthorized Please find the code repo below. https://github.com/amaialth/mfaserver https://github.com/amaialth/MFAApplication 00:00 What's in this video? 00:41 Introduction 00:55 The Plan 01:42 What is JWT? 02:05 Components of JWT 02:37 Implementing JWT Generation - Workflow 03:03 JWT Validation - Workflow 03:44 JWT to Local Storage - Workflow 03:51 Angulat Interceptors - Workflow 04:08 Code Implementation - Spring Boot 04:14 JWT Maven Dependencies 04:50 JWT Generation 07:51 Testing JWT Generation 09:04 Storing JWT in Angular 09:53 HTTP Interceptor 11:32 JWT Validation Filter 15:35 Adding a filter to Security Filter Chain 16:46 CORS Configuration 20:28 Authentication Entry Point Filter 21:27 Adding Exception handler to filter chain 24:00 401 Unauthorized 24:17 Implementing Error Interceptor 26:54 Adding Content-Type to CROS Configuration 27:44 Implementing JWT Validation - Spring Boot 29:14 Demo