Anglar6 tutorial

Recommendations

Info

é Angular © Gérald Abbadie 2018 import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@ angular/common/http'; import { Observable } from 'rxjs/Rx'; import 'rxjs/add/observable/throw' import 'rxjs/add/operator/catch'; import { ConnexionService } from './connexion.service'; @Injectable() export class SecuriteIntercepteurService implements HttpInterceptor { constructor(public connextion:ConnexionService) { } intercept(req: HttpRequest, next: HttpHandler): Observable { console.log("Interception d'une requête ... "); Cloner la requête et injecter un token dans l'entête 'Authorization' : const authReq = req.clone({ headers: req.headers.set("Authorization", “AUTH_TOKEN”)}); console.log("La requête va être envoyée avec un nouveau header intégrant une autorisation..."); La chaîne AUTH_TOKEN doit ici être remplacée par le token reçu de la part du serveur pour l'intégrer à chaque requête HTTP. Nous avons instancié le service ConnexionService dans cet objectif. Avec cette technique, chaque requête est sécurisée sans autre préoccupation. Le token peut être enlevé lors d'une déconnexion. Envoyer la nouvelle requête et gérer les erreurs éventuelles en renvoyant une erreur à l'observable : } return next.handle(authReq) .catch((error, caught) => { console.log("Une erreur s'est produite"); console.log(error); // Récupérer les erreurs et les affichers return Observable.throw(error); // Renvoyer l'erreur }) as any; } Un petit plus allégé Pour les petites applications il est possible de gérer les entêtes directement au niveau des requêtes sans utiliser d'intercepteur. import { HttpClient, HttpHeaders } from '@angular/common/http'; 46
é Angular © Gérald Abbadie 2018 let headers = new Headers(); headers.append('Content-Type', 'application/json'); headers.append('Authorization': api_token); let options = new RequestOptions({ headers: headers }); return this.http.get(url, options); 47
Page 2 and 3: é Angular © Gérald Abbadie 2018
Page 14 and 15: Concepts & outils Angular Les inter
Page 48 and 49: Les formulaires La gestion des form
Page 58: é Angular © Gérald Abbadie 2018

Anglar6 tutorial

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?