Klient HTTP w Angularze

W tej lekcji omówiono używanie klienta HTTP Angulara do komunikacji z interfejsami API, co umożliwia łatwe pobieranie i wysyłanie danych.

Czym jest klient HTTP?

Klient HTTP to wbudowany moduł Angulara służący do komunikacji z usługami backendu za pomocą żądań HTTP.

Importowanie HttpClientModule

Zaimportuj HttpClientModule do modułu aplikacji, aby rozpocząć korzystanie z żądań HTTP:

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

Wykonywanie żądania GET

Użyj klienta HTTP, aby pobrać dane z punktu końcowego API:

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

Obsługa danych odpowiedzi

Klient HTTP zwraca obiekty Observable. Zasubskrybuj je, aby asynchronicznie obsługiwać dane:

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

Żądanie POST do wysyłania danych

Wyślij dane do serwera za pomocą żądania POST:

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

Obsługa błędów

Obsługuj błędy żądań HTTP za pomocą operatora catchError:

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

Używanie nagłówków

Dodawaj nagłówki do żądań HTTP, aby wysyłać dodatkowe informacje:

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

Podsumowanie

Poznali Państwo skuteczne sposoby używania klienta HTTP Angulara do pobierania i wysyłania danych za pomocą interfejsów API. Proszę działać dalej!