Testa ett JavaScript-webbprogram på klientsidan

  • Artikel

I den här självstudien lär du dig hur du använder Dev Proxy för att testa hur ett javaScript-exempelwebbprogram hanterar API-fel.

Förutsättningar

Den här delen av självstudien förutsätter att du har installerat och konfigurerat Dev Proxy på datorn. Annars gör du det nu.

Om du vill följa den här självstudien behöver du:

Ladda ned exempelprogrammet

Ladda ned exempelappen.

Tips

Du kan också ladda ned exempelappen genom att köra i kommandotolken devproxy preset get demo-randomerror-js.

Exempelappen levereras med en Dev Proxy-förinställning. Förinställningen är konfigurerad för att simulera slumpmässiga fel på API-begäranden som utfärdats av appen. Förinställningen RetryAfterPlugininnehåller även , som hjälper dig att kontrollera om appen backar från att anropa API när den har begränsats.

Starta Dev Proxy och exempelappen

  1. I en kommandotolk ändrar du arbetskatalogen till den plats där exempelappen finns.
  2. Starta exempelappen och Dev Proxy genom att köra npm start

Testa exempelappen

  1. I en webbläsare navigerar du till http://localhost:3000

    Skärmbild av en webbläsare med testwebbprogrammet.

    • Om du ser en tom sida markerar du konsolfönstret. Det kan vara så att Dev Proxy redan har simulerat ett API-fel som appen inte hanterade!

  2. Navigera i listan med artiklar för att se hur appen hanterar API-fel som Dev Proxy simulerar.

    • Du hittar mer information om felen i konsolfönstret och i kommandotolken där Dev Proxy körs.

    Skärmbild av VS Code med kommandotolken öppen som visar fel simulerade av Dev Proxy.

  3. Tryck på Ctrl + C för att stoppa Dev Proxy.

Nästa steg

Utforska instruktioner