Dela via


Testa ett JavaScript-webbprogram på klientsidan

I den här självstudien får du lära 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 guiden behöver du:

Ladda ned exempelappen

Ladda ned exempelappen.

Tips

Du kan också ladda ned exempelappen genom att köra i kommandotolken devproxy config 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 innehåller även RetryAfterPlugin, som hjälper dig att kontrollera om appen slutar anropa API efter att den blivit strypt.

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 kontrollerar du konsolfönstret. Det kan vara så att Dev Proxy redan har simulerat ett API-fel som appen inte hanterade!
  2. Gå igenom 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 som simulerats av Dev Proxy.

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

Nästa steg