Testen einer clientseitigen JavaScript-Webanwendung
In diesem Tutorial erfahren Sie, wie Sie mithilfe des Dev-Proxys testen, wie eine clientseitige JavaScript-Webanwendung API-Fehler behandelt.
Voraussetzungen
In diesem Teil des Tutorials wird davon ausgegangen, dass Sie den Dev Proxy auf Ihrem Computer installiert und konfiguriert haben. Wenn nicht, tun Sie dies jetzt.
Für dieses Tutorial benötigen Sie Folgendes:
Herunterladen der Beispiel-App
Laden Sie die Beispiel-App herunter.
Tipp
Sie können die Beispiel-App auch herunterladen, indem Sie an der Eingabeaufforderung devproxy preset get demo-randomerror-jsausführen.
Die Beispiel-App enthält eine Dev Proxy-Voreinstellung. Die Voreinstellung ist so konfiguriert, dass zufällige Fehler bei API-Anforderungen simuliert werden, die von der App ausgegeben werden. Die Voreinstellung enthält auch , mit der RetryAfterPluginSie steuern können, ob die App nach der Drosselung die API nicht mehr aufruft.
Starten des Dev Proxys und der Beispiel-App
- Ändern Sie an einer Eingabeaufforderung das Arbeitsverzeichnis in , in dem sich die Beispiel-App befindet.
- Starten Sie die Beispiel-App und den Dev Proxy, indem Sie ausführen.
npm start
Testen der Beispiel-App
Navigieren Sie in einem Webbrowser zu
http://localhost:3000
- Wenn eine leere Seite angezeigt wird, überprüfen Sie das Konsolenfenster. Es kann sein, dass der Dev Proxy bereits einen API-Fehler simuliert hat, den die App nicht behandelt hat.
Navigieren Sie durch die Liste der Artikel, um zu sehen, wie die App API-Fehler behandelt, die vom Dev Proxy simuliert werden.
- Weitere Informationen zu den Fehlern finden Sie im Konsolenfenster und in der Eingabeaufforderung, in der der Dev Proxy ausgeführt wird.
Drücken Sie STRG + C , um den Dev-Proxy zu beenden.
