Testowanie aplikacji internetowej po stronie klienta JavaScript

Artykuł
04/09/2024

Z tego samouczka dowiesz się, jak używać serwera proxy deweloperskiego do testowania, jak przykładowa aplikacja internetowa po stronie klienta JavaScript obsługuje błędy interfejsu API.

Wymagania wstępne

W tej części samouczka założono, że na maszynie zainstalowano i skonfigurowano serwer proxy deweloperów. Jeśli nie, zrób to teraz.

Aby wykonać czynności opisane w tym samouczku, potrzebne są następujące elementy:

Node.js LTS.

Pobieranie przykładowej aplikacji

Pobierz przykładową aplikację.

Porada

Możesz również pobrać przykładową aplikację, uruchamiając polecenie w wierszu devproxy preset get demo-randomerror-jspolecenia .

Przykładowa aplikacja jest dostarczana ze wstępnie ustawionym serwerem proxy deweloperów. Ustawienie wstępne jest skonfigurowane do symulowania losowych błędów w żądaniach interfejsu API wystawionych przez aplikację. Ustawienie wstępne zawiera również element RetryAfterPlugin, który ułatwia kontrolowanie, czy aplikacja cofa działanie z wywoływania interfejsu API po jego ograniczeniach.

Uruchamianie serwera proxy deweloperów i przykładowej aplikacji

W wierszu polecenia zmień katalog roboczy na miejsce, w którym znajduje się przykładowa aplikacja.
Uruchom przykładową aplikację i serwer proxy deweloperów, uruchamiając polecenie npm start

Testowanie przykładowej aplikacji

W przeglądarce internetowej przejdź do strony http://localhost:3000
- Jeśli zostanie wyświetlona pusta strona, sprawdź okno Konsola. Może to oznaczać, że serwer proxy deweloperów symulował już błąd interfejsu API, którego aplikacja nie obsłużyła!
Nawiguj po liście artykułów, aby zobaczyć, jak aplikacja obsługuje błędy interfejsu API symulowane przez serwer proxy dewelopera.
- Więcej informacji o błędach można znaleźć w oknie Konsola i w wierszu polecenia, w którym działa serwer proxy deweloperów.
Naciśnij klawisze Ctrl + C, aby zatrzymać serwer proxy deweloperów.

Następny krok

Eksplorowanie przewodników z instrukcjami