Http Interceptors: The Room Where It Happens

on YouTube ↗20m

" summary

Shows how to implement concrete Angular HttpInterceptors: a logging interceptor that taps responses, a busy indicator that increments/decrements a counter and uses finalize to always hide the spinner, a read‑only interceptor that returns an error observable to block POST/PUT, and an auth interceptor that uses clone() to set headers, handles 401 with retry or navigation and returns EMPTY. Explains provider ordering, using multi: true, where to provide interceptors alongside HttpClientModule, and that the final handler is HttpBackend.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 1:42Logging Interceptor
3. 2:47Log the Response
4. 3:25Log the Error Response
5. 5:46Busy Component
6. 6:06Busy Interceptor
7. 7:36Remember to provide it
8. 7:47Request & Response Flow
9. 8:52"Russian Dolls" pattern
10. 10:11ReadOnlyHttpInterceptor
11. 11:21Flow Interrupted
12. 13:00Provide the providers
13. 13:17Authentication Interceptor
14. 14:49A Http error operator
15. 15:58A Error handler

" related talks

• 06mBlack Holes and Angular InterceptorsLuis Avlies · ng-conf 2019
• 28mCaught in the middle!Natalia Venditto · ngVikings 2019
• 42mAdvanced Angular ConceptsAlex Rickabaugh · AngularConnect 2017
• 28mA close look at Angular's new HttpClientManfred Steyer · NG-BE 2017
• 46mAngular Dependency Injection – Understanding hierarchical injectorsPeter Eijgermans · Voxxed Days Bucharest 2022
• 01h 00mAngular Dependency Injection In-DepthNir Kaufman · Developers Summit 2021
• 26mThe Science of Authenticating Angular AppsKim Maida · AngularUP 2019
• 45mReactive Frontends with RxJS and AngularSergi Almar · Voxxed Days Singapore 2018