Testen einer clientseitigen JavaScript-Web-Anwendung

In diesem Lernprogramm erfahren Sie, wie Sie mit Dev Proxy testen, wie eine clientseitige JavaScript-Webanwendung API-Fehler behandelt.

Voraussetzungen

In diesem Teil des Lernprogramms wird davon ausgegangen, dass Sie Dev Proxy auf Ihrem Computer installiert und konfiguriert haben. Wenn nicht, dann machen Sie das jetzt.

Für dieses Tutorial benötigen Sie Folgendes:

• Node.js LTS.

Herunterladen der Beispiel-App

Laden Sie die Beispiel-App herunter.

Tipp

Sie können die Beispiel-App auch herunterladen, indem Sie in der Eingabeaufforderung den Befehl ausführen devproxy config get demo-randomerror-js.

Die Beispiel-App enthält eine Dev Proxy-Voreinstellung. Die Voreinstellung ist so konfiguriert, dass zufällige Fehler in API-Anforderungen simuliert werden, die von der App ausgegeben werden. Die Voreinstellung enthält auch das RetryAfterPlugin, mit dem Sie steuern können, ob die App nach einer Drosselung die API-Aufrufe zurückstellt.

Starten des Dev-Proxys und der Beispiel-App

1. Ändern Sie in einer Eingabeaufforderung das Arbeitsverzeichnis, in das sich die Beispiel-App befindet.
2. Starten Sie die Beispiel-App und den Dev-Proxy, indem Sie npm start

Testen der Beispiel-App

1. Navigieren Sie in einem Webbrowser zu http://localhost:3000

   

   • Wenn eine leere Seite angezeigt wird, überprüfen Sie das Konsolenfenster. Es könnte sein, dass Dev Proxy bereits einen API-Fehler simuliert hat, den die App nicht verarbeitet hat!

2. Navigieren Sie in der Liste der Artikel, um zu sehen, wie die App API-Fehler behandelt, die Dev Proxy simuliert.

   • Weitere Informationen zu den Fehlern finden Sie im Konsolenfenster und in der Eingabeaufforderung, in der Dev Proxy ausgeführt wird.

   

3. Drücken Sie STRG- + C-, um den Dev-Proxy zu beenden.

Nächster Schritt

Erkunden Sie Schritt-für-Schritt-Anleitungen