Angular'da HTTP İstemcisi

Bu derste, API'lerle iletişim kurmak ve verileri kolayca almak ya da göndermek için Angular'ın HTTP İstemcisini kullanma ele alınır.

HTTP İstemcisi Nedir?

HTTP İstemcisi, HTTP istekleri aracılığıyla arka uç hizmetleriyle iletişim kurmak için Angular'da yerleşik olarak bulunan bir modüldür.

HttpClientModule'u İçe Aktarma

HTTP isteklerini kullanmaya başlamak için uygulama modülünüze HttpClientModule aktarın:

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

GET İsteği Yapma

Bir API uç noktasından veri almak için HTTP istemcisini kullanın:

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

Yanıt Verilerini Yönetme

HTTP istemcisi Observable'lar döndürür. Verileri eşzamansız olarak yönetmek için bunlara abone olun:

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

Veri Göndermek İçin POST İsteği

POST isteği kullanarak sunucuya veri gönderin:

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

Hata Yönetimi

HTTP isteklerinden kaynaklanan hataları catchError operatörünü kullanarak yönetin:

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

Üst Bilgileri Kullanma

Ek bilgiler göndermek için HTTP isteklerine üst bilgiler ekleyin:

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

Özet

Angular'ın HTTP istemcisini kullanarak API'lerle etkili bir şekilde veri almayı ve göndermeyi öğrendiniz. Devam edin!