Client HTTP dans Angular

Cette leçon explique comment utiliser le client HTTP d’Angular pour communiquer avec des API et récupérer ou envoyer facilement des données.

Qu’est-ce que le client HTTP ?

Le client HTTP est le module intégré d’Angular qui permet de communiquer avec les services principaux au moyen de requêtes HTTP.

Importer HttpClientModule

Importez HttpClientModule dans le module de votre application pour commencer à utiliser les requêtes HTTP :

import { HttpClientModule } from '@angular/common/http';

Effectuer une requête GET

Utilisez le client HTTP pour récupérer des données depuis un point d’accès d’API :

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

Gérer les données de réponse

Le client HTTP renvoie des observables. Abonnez-vous à ceux-ci pour gérer les données de manière asynchrone :

this.http.get('api/data').subscribe(response => this.data = response);

Requête POST pour envoyer des données

Envoyez des données au serveur à l’aide d’une requête POST :

this.http.post('api/items', newItem).subscribe(result => console.log(result));

Gestion des erreurs

Gérez les erreurs des requêtes HTTP avec l’opérateur catchError :

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Utiliser des en-têtes

Ajoutez des en-têtes aux requêtes HTTP pour envoyer des informations supplémentaires :

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

Résumé

Vous avez appris à utiliser efficacement le client HTTP d’Angular pour récupérer et envoyer des données avec des API. Continuez ainsi !