Caught in the middle!
summary
Large Angular app migrates from HTTPModule to HTTPClientModule and wires interceptors to authenticate across ten backend services using JWTs stored in localStorage. Demo shows a GraphQL, lazy‑loaded UI where an interceptor clones immutable HttpRequest and adds Authorization header and withCredentials and where interceptor chain order matters because providers override earlier handlers. Guards aggregate observable flows to validate multiple tokens and the demo proves that removing the token makes the guard block the protected route.
AI-written summary · about
chapters (20)
- 0:00Intro
- 1:00What happened
- 2:00Challenges
- 3:00Good news
- 5:00Checklist
- 8:00Basic Service
- 10:00Interceptors
- 13:00Authentication
- 14:00Token Types
- 15:00Guard Types
- 16:00Practical Implementation
- 18:00Token
- 19:00HTTP Interceptor
- 20:00Reload
- 21:00Cloning
- 22:00WithCredentials
- 23:00AppEngine
- 25:00Authentication Guard
- 26:00Tokens
- 27:00Download
related talks
20mHttp Interceptors: The Room Where It Happens
06mBlack Holes and Angular Interceptors
19mAngular's User Authentication Tool Belt
33mMake your Angular app a max security prison
39mLogin and Access Control in Angular
20mAuthentication from Scratch
26mAngular Router Authentication and Authorization Real LIVE LIVE LIVE LIVE LIVE Demo
51mAPI Security: Securing GraphQL without going around in circles