JavaScript ügyféloldali webalkalmazás tesztelése
Ebben az oktatóanyagban megtudhatja, hogyan tesztelheti a Dev Proxy használatával, hogy egy 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, tegye meg 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.
Tipp
A mintaalkalmazást a parancssorban devproxy preset get demo-randomerror-js
futtatva is letöltheti.
A mintaalkalmazás fejlesztői proxykészlettel rendelkezik. Az előre beállított beállítás úgy van konfigurálva, hogy véletlenszerű hibákat szimuláljon az alkalmazás által kiadott API-kérelmeken. Az előre beállított beállítás tartalmazza a RetryAfterPlugin
-t is, amely segít szabályozni, hogy az alkalmazás visszalépést jelez-e az API-nak a szabályozás után.
Fejlesztői proxy és a mintaalkalmazás indítása
- A parancssorban módosítsa a munkakönyvtárat arra a helyre, ahol a mintaalkalmazás található.
- Indítsa el a mintaalkalmazást és a fejlesztői proxyt a következő futtatásával:
npm start
A mintaalkalmazás tesztelése
Egy webböngészőben lépjen a következőre:
http://localhost:3000
- Ha üres lapot lát, ellenőrizze a Konzol ablakot. Lehetséges, hogy a Dev Proxy már szimulált egy API-hibát, amelyet az alkalmazás nem kezelt!
Navigáljon a cikkek listájában, és nézze meg, 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 proxy futtatását tartalmazó parancssorban talál.
A Dev Proxy leállításához nyomja le a CtrlCbillentyűkombinációt + .