HttpClient Kurulumu

Uygulamanızda HttpClient kullanabilmeniz için önce onu bağımlılık enjeksiyonu ile yapılandırmanız gerekir.

Bağımlılık Enjeksiyonu ile HttpClient Sağlama

HttpClient, çoğu uygulamanın app.config.ts dosyasındaki uygulama providers içine dahil ettiği provideHttpClient yardımcı fonksiyonu kullanılarak sağlanır.

export const appConfig: ApplicationConfig = {
  providers: [provideHttpClient()],
};

Uygulamanız bunun yerine NgModule tabanlı önyükleme kullanıyorsa, provideHttpClient'ı uygulamanızın NgModule'ünün providers'ına dahil edebilirsiniz:

@NgModule({
  providers: [provideHttpClient()],
  // ... diğer uygulama yapılandırması
})
export class AppModule {}

Ardından HttpClient hizmetini bileşenlerinizin, servislerinizin veya diğer sınıflarınızın bağımlılığı olarak enjekte edebilirsiniz:

@Service()
export class ConfigService {
  private http = inject(HttpClient);
  // Bu servis artık `this.http` aracılığıyla HTTP istekleri yapabilir.
}

HttpClient Özelliklerini Yapılandırma

provideHttpClient, istemcinin farklı yönlerini etkinleştirmek veya yapılandırmak için isteğe bağlı özellik yapılandırmalarının bir listesini kabul eder. Bu bölüm isteğe bağlı özellikleri ve kullanımlarını açıklar.

withXhr

export const appConfig: ApplicationConfig = {
  providers: [provideHttpClient(withXhr())],
};

Varsayılan olarak, HttpClient istekleri yapmak için fetch API'sini kullanır. withXhr özelliği istemciyi bunun yerine XMLHttpRequest API'sini kullanacak şekilde değiştirir.

fetch daha modern bir API'dir ve XMLHttpRequest'in desteklenmediği bazı ortamlarda kullanılabilir. Yükleme ilerleme olayları üretmemesi gibi bazı sınırlamaları vardır.

withInterceptors(...)

withInterceptors, HttpClient üzerinden yapılan istekleri işleyecek yakalayıcı fonksiyonları kümesini yapılandırır. Daha fazla bilgi için yakalayıcılar kılavuzuna bakın.

withInterceptorsFromDi()

withInterceptorsFromDi, eski tarz sınıf tabanlı yakalayıcıları HttpClient yapılandırmasına dahil eder. Daha fazla bilgi için yakalayıcılar kılavuzuna bakın.

withRequestsMadeViaParent()

Varsayılan olarak, belirli bir enjektör içinde provideHttpClient kullanarak HttpClient'ı yapılandırdığınızda, bu yapılandırma üst enjektörde bulunabilecek herhangi bir HttpClient yapılandırmasını geçersiz kılar.

withRequestsMadeViaParent() eklediğinizde, HttpClient bu seviyedeki yapılandırılmış yakalayıcılardan geçtikten sonra istekleri üst enjektördeki HttpClient örneğine iletecek şekilde yapılandırılır. Bu, isteği üst enjektörün yakalayıcılarından da geçirerek gönderirken bir alt enjektörde yakalayıcılar eklemek istiyorsanız kullanışlıdır.

withJsonpSupport()

withJsonpSupport dahil edildiğinde, HttpClient üzerinde alan adları arası veri yükleme için JSONP kuralı aracılığıyla GET isteği yapan .jsonp() yöntemi etkinleştirilir.

withXsrfConfiguration(...)

Bu seçeneği dahil etmek, HttpClient'ın yerleşik XSRF güvenlik işlevselliğini özelleştirmenize olanak tanır. Daha fazla bilgi için güvenlik kılavuzuna bakın.

withNoXsrfProtection()

Bu seçeneği dahil etmek, HttpClient'ın yerleşik XSRF güvenlik işlevselliğini devre dışı bırakır. Daha fazla bilgi için güvenlik kılavuzuna bakın.

HttpClientModule Tabanlı Yapılandırma

Bazı uygulamalar HttpClient'ı NgModule'lere dayalı eski API kullanarak yapılandırabilir.

Bu tablo, @angular/common/http'den kullanılabilir NgModule'leri ve bunların yukarıdaki sağlayıcı yapılandırma fonksiyonlarıyla nasıl ilişkilendiğini listeler.