Megosztás a következőn keresztül:


JavaScript ügyféloldali webalkalmazás tesztelése

Ebben az oktatóanyagban megtudhatja, hogyan tesztelheti a Dev Proxy használatával, hogy egy minta JavaScript ügyféloldali webalkalmazás hogyan kezeli az API-hibákat.

Előfeltételek

Az oktatóanyag ezen része feltételezi, hogy telepítette és konfigurálta a dev proxyt a gépen. Ha nem, akkor most .

Az oktatóanyag követéséhez a következőkre van szüksége:

A mintaalkalmazás letöltése

Töltse le a mintaalkalmazást.

Borravaló

A mintaalkalmazást a parancssorban devproxy config get demo-randomerror-jsparancs futtatásával is letöltheti.

A mintaalkalmazás fejlesztői proxybeállítással rendelkezik. Az előre beállított beállítás az alkalmazás által kiadott API-kérelmek véletlenszerű hibáinak szimulálására van konfigurálva. Az előre beállítás tartalmazza a RetryAfterPlugin-t is, amely segít szabályozni, hogy az alkalmazás lemond-e az API meghívásáról annak korlátozása után.

Fejlesztői proxy és a mintaalkalmazás indítása

  1. A parancssorban módosítsa a munkakönyvtárat a mintaalkalmazás helyére.
  2. Indítsa el a mintaalkalmazást és a dev proxyt a npm start futtatásával

A mintaalkalmazás tesztelése

  1. Webböngészőben böngésszen a(z) http://localhost:3000 oldalra.

    Képernyőkép egy webböngészőről a teszt webalkalmazással.

    • Ha üres lapot lát, ellenőrizze a konzolablakot. Lehetséges, hogy a Dev Proxy már szimulált egy API-hibát, amelyet az alkalmazás nem kezelt!
  2. A cikkek listájában megtudhatja, hogyan kezeli az alkalmazás a Dev Proxy által szimulált API-hibákat.

    • A hibákról további információt a Konzol ablakban és a fejlesztői proxyt futtató parancssorban talál.

    Képernyőkép a VS Code-ról, amelyen meg van nyitva a parancssori ablak, amelyen a Dev Proxy által szimulált hibák láthatók.

  3. A dev proxy leállításához nyomja le a Ctrl + C billentyűkombinációt.

Következő lépés