Authorizing HTTP Requests

Learn how to add authentication tokens in HTTP request headers.

We'll cover the following

Streamlining HTTP requests with custom headers
Simplifying HTTP requests with interceptors

The Fake Store API does not require authorization while communicating with its endpoints. However, consider that we are working with a backend API that expects all HTTP requests to contain an authentication token using HTTP headers. A common pattern in web applications is to include the token in an Authorization header.

Streamlining HTTP requests with custom headers

We can use HTTP headers in an Angular application by importing the HttpHeaders artifact from the @angular/common/http namespace and modifying our methods accordingly:

Get hands-on with 1200+ tech skills courses.

Getting Started

Building Our First Angular Application

Introduction to TypeScript

Organizing Applications into Modules

Enabling User Experience with Components

Enrich Applications Using Pipes and Directives

Managing Complex Tasks with Services

Being Reactive Using Observables and RxJS

Communicating with Data Services over HTTP

Navigating through Application with Routing

Collecting User Data with Forms

Introduction to Angular Material

Unit Test an Angular Application

Bringing an Application to Production

Handling Errors and Application Debugging

Wrap Up

Appendix

Authorizing HTTP Requests

Streamlining HTTP requests with custom headers