Penanganan Kesalahan dalam Permintaan HTTP Angular

Pelajari cara menangani kesalahan HTTP dengan baik dalam aplikasi Angular Anda.

Mengapa Menangani Kesalahan?

Penanganan kesalahan sangat penting untuk mengelola masalah yang mungkin muncul selama komunikasi HTTP, seperti kesalahan jaringan atau masalah server.

Menangkap Kesalahan HTTP

Gunakan operator catchError dari RxJS untuk menangani kesalahan permintaan HTTP:

this.http.get('api/data').pipe(
  catchError(this.handleError)
).subscribe();

Operator catchError

Gunakan catchError untuk mencegat kesalahan HTTP:

catchError(error => of(`Error: ${error.status}`));

Fungsi Penanganan Kesalahan

Buat fungsi yang dapat digunakan kembali untuk menangani kesalahan secara global:

private handleError(error: HttpErrorResponse) {
  return throwError(() => new Error('Something went wrong'));
}

Jenis Kesalahan

• Kesalahan sisi klien (masalah jaringan)
• Kesalahan sisi server (kesalahan respons)

Praktik Terbaik Penanganan Kesalahan

• Berikan informasi yang jelas kepada pengguna tentang kesalahan
• Catat kesalahan untuk keperluan penelusuran kesalahan
• Berikan opsi untuk mencoba lagi jika sesuai

Mencoba Kembali Permintaan

Coba kembali permintaan HTTP yang gagal secara otomatis menggunakan operator retry():

this.http.get('api/data').pipe(retry(3)).subscribe();

Ringkasan

Anda telah mempelajari cara menangani kesalahan secara efektif dengan Klien HTTP Angular. Kerja bagus!