Een JavaScript-webtoepassing aan clientzijde testen

In deze zelfstudie leert u hoe u Dev Proxy gebruikt om te testen hoe een voorbeeld van een JavaScript-webtoepassing aan de clientzijde API-fouten verwerkt.

Vereisten

In dit deel van de zelfstudie wordt ervan uitgegaan dat u Dev Proxy op uw computer hebt geïnstalleerd en geconfigureerd. Zo niet, doe dat nu.

U hebt het volgende nodig om deze zelfstudie te volgen:

• Node.js LTS.

De voorbeeld-app downloaden

Download de voorbeeld-app.

Tip

U kunt de voorbeeld-app ook downloaden door uit te voeren in de opdrachtprompt devproxy preset get demo-randomerror-js.

De voorbeeld-app wordt geleverd met een vooraf ingestelde dev-proxy. De voorinstelling is geconfigureerd om willekeurige fouten te simuleren bij API-aanvragen die door de app zijn uitgegeven. De voorinstelling bevat ook de RetryAfterPlugin, waarmee u kunt bepalen of de app de API niet meer aanroept nadat deze is beperkt.

Dev Proxy en de voorbeeld-app starten

1. Wijzig in een opdrachtprompt de werkmap in de locatie waar de voorbeeld-app zich bevindt.
2. Start de voorbeeld-app en dev-proxy door uit te voeren npm start

De voorbeeld-app testen

1. Navigeer in een webbrowser naar http://localhost:3000

   

   • Als u een lege pagina ziet, controleert u het consolevenster. Het kan zijn dat Dev Proxy al een API-fout heeft gesimuleerd, die de app niet heeft verwerkt.

2. Navigeer door de lijst met artikelen om te zien hoe de app API-fouten verwerkt die dev proxy simuleert.

   • Meer informatie over de fouten vindt u in het consolevenster en in de opdrachtprompt waar Dev Proxy wordt uitgevoerd.

   

3. Druk op Ctrl + C om Dev Proxy te stoppen.

Volgende stap

Stapsgewijze handleidingen verkennen