Intercepteurs HTTP

Configurer un intercepteur

Un intercepteur HTTP nous permettra, comme son nom l'indique, d'intercepter les requêtes HTTP sortantes afin de les modifier.

• Pour créer un intercepteur ng generate interceptor nomIntercepteur

Dans l'intercepteur, on peut cloner la requête, la manipuler, puis la passer au prochain.

export const demoInterceptor: HttpInterceptorFn = (req, next) => {
  let clonedRequest = req.clone({
    setHeaders: {
      // Ajouter des en-têtes
    },
    withCredentials: true // S'assurer de l'envoi des cookies
  })

  return next(clonedRequest);
};

• Il est aussi possible d'extraire des informations de la requête, par exemple, l'url qu'elle tente d'atteindre.

Indiquer à Angular d'utiliser les intercepteurs

• Dans le fichier app.config.ts
• Modifier l'entrée de provideHttpClient() pour ceci

provideHttpClient(
      withInterceptors([intercepteur1, intercepteur2, ...])
    )

• On indique ainsi à Angular quels intercepteurs appliquer.