JavaScript 클라이언트 쪽 웹 애플리케이션 테스트

아티클
04/09/2024

이 자습서에서는 개발 프록시를 사용하여 샘플 JavaScript 클라이언트 쪽 웹 애플리케이션이 API 오류를 처리하는 방법을 테스트하는 방법을 알아봅니다.

사전 요구 사항

자습서의 이 부분에서는 컴퓨터에 개발 프록시를 설치하고 구성했다고 가정합니다. 그렇지 않은 경우 지금 수행합니다.

이 자습서를 수행하려면 다음이 필요합니다.

Node.js LTS.

샘플 앱 다운로드

샘플 앱을 다운로드합니다.

팁

명령 프롬프트 devproxy preset get demo-randomerror-js에서 를 실행하여 샘플 앱을 다운로드할 수도 있습니다.

샘플 앱에는 개발 프록시 사전 설정이 함께 제공됩니다. 사전 설정은 앱에서 발급한 API 요청에 대한 임의 오류를 시뮬레이션하도록 구성됩니다. 사전 설정에는 앱이 RetryAfterPlugin제한된 후 API 호출에서 뒤로 물러나는지 제어하는 데 도움이 되는 도 포함됩니다.

개발 프록시 및 샘플 앱 시작

명령 프롬프트에서 작업 디렉터리를 샘플 앱이 있는 위치로 변경합니다.
를 실행하여 샘플 앱 및 개발 프록시 시작 npm start

샘플 앱 테스트

웹 브라우저에서 으로 이동합니다. http://localhost:3000
- 빈 페이지가 표시되면 콘솔 창을 검사. 개발자 프록시가 앱에서 처리하지 않은 API 오류를 이미 시뮬레이션했을 수 있습니다.
문서 목록을 탐색하여 앱이 개발자 프록시가 시뮬레이션하는 API 오류를 처리하는 방법을 확인합니다.
- 오류에 대한 자세한 내용은 콘솔 창 및 개발 프록시가 실행 중인 명령 프롬프트에서 찾을 수 있습니다.
Ctrl + C를 눌러 개발 프록시를 중지합니다.

다음 단계

방법 가이드 살펴보기

다음을 통해 공유