Fehlerbehandlung bei Angular-HTTP-Anfragen

Erfahren Sie, wie Sie HTTP-Fehler in Ihren Angular-Anwendungen angemessen behandeln.

Warum Fehler behandeln?

Fehlerbehandlung ist entscheidend, um Probleme zu verwalten, die während der HTTP-Kommunikation auftreten können, beispielsweise Netzwerk- oder Serverprobleme.

HTTP-Fehler abfangen

Verwenden Sie den RxJS-Operator catchError, um Fehler von HTTP-Anfragen zu behandeln:

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

Der catchError-Operator

Verwenden Sie catchError, um HTTP-Fehler abzufangen:

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

Fehlerbehandlungsfunktion

Erstellen Sie eine wiederverwendbare Funktion zur globalen Fehlerbehandlung:

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

Fehlertypen

• Clientseitige Fehler (Netzwerkprobleme)
• Serverseitige Fehler (Antwortfehler)

Best Practices für die Fehlerbehandlung

• Informieren Sie Benutzer klar über Fehler
• Protokollieren Sie Fehler zu Debugging-Zwecken
• Bieten Sie gegebenenfalls Optionen zum erneuten Versuch an

Anfragen wiederholen

Wiederholen Sie fehlgeschlagene HTTP-Anfragen automatisch mit dem Operator retry():

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

Zusammenfassung

Sie haben gelernt, wie Sie Fehler mit Angulars HTTP-Client effektiv behandeln. Gute Arbeit!