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:
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
- Wijzig in een opdrachtprompt de werkmap in de locatie waar de voorbeeld-app zich bevindt.
- Start de voorbeeld-app en dev-proxy door uit te voeren
npm start
De voorbeeld-app testen
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.
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.
Druk op Ctrl + C om Dev Proxy te stoppen.
