모든 프런트는 엔드포인트 요청을 모의해야 하며 때로는 백이 아직 작업을 완료하지 않았기 때문에 때로는 특정 상황을 디버깅하고 시뮬레이션해야 하며 이는 일상 생활에서 매우 일반적입니다.
예, JSON-Server는 놀랍고 사용하기 매우 간단합니다. 하지만 며칠 전 매우 구체적인 문제를 경험했고 결국 놀라운 브라우저 확장 기능을 발견했습니다.
문제

먼저 내가 겪었던 문제에 대해 이야기하면 왜 JSON-Server가 이런 상황에서 작동하지 않는지 이해하게 될 것입니다.
애플리케이션에서는 두 개의 서로 다른 엔드포인트를 사용해야 했습니다. 첫 번째 카드는 대시보드에 일부 정보를 로드했지만 해당 대시에 있는 카드 중 하나가 다른 엔드포인트에 의존하는 모달을 엽니다.
API가 나올 경우에 대비해 몇 가지 조치를 취했지만, 어느 순간 두 번째 API의 반환이 지연되는 예상치 못한 문제에 직면했습니다. 이러면 안되는데 그랬어요!
첫 번째 대시보드 엔드포인트가 메시지를 반환했지만 모달 API에 몇 초가 걸렸습니다. 이는 모달을 열고 테이블에 아무것도 없는 데 충분한 시간이었습니다.
API에 문제가 있다는 것을 깨달을 때까지 무슨 일이 일어나고 있는지 이해하는 데 시간이 좀 걸렸습니다.
어떻게 시뮬레이션하나요?
반품 지연을 조롱하는 방법.
조사를 시작하면서 매우 간단하고 강력한 Chrome(및 기타)용 확장 프로그램인 Tweak을 발견했습니다.
교육을 시키려는 것이 아니라, 이번 확장 프로그램에서 제 관심을 끌었던 기능 중 하나를 공유하고 싶습니다.
응답 지연
내 문제에 대한 해결책이 여기에 있었습니다
이제 Tweak은 URL 모니터링을 시작하고 URL이 요청되면 (1) 요청을 반환하기로 결정한 시간을 관리하고 (2) 응답 본문의 데이터를 모의할 수 있습니다.
기타 기능
- 특정 모형을 켜거나 끌 수 있습니다
- 데이터뿐만 아니라 오류도 모의할 수 있으며, 상태만 변경하면 됩니다.
- 확장 프로그램에서 직접 매우 간단하게 데이터를 모의할 수 있습니다
- 다양한 메소드(GET, POST...)를 모의할 수 있습니다
이것들은 멋지고 사용하기 간단한 것들입니다. 이미 확장 프로그램을 알고 있고 다른 팁이 있다면 여기에서 공유하세요.
안아주세요!
위 내용은 모의 요청의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

이 튜토리얼은 사용자 정의 Google 검색 API를 블로그 또는 웹 사이트에 통합하는 방법을 보여 주며 표준 WordPress 테마 검색 기능보다보다 세련된 검색 경험을 제공합니다. 놀랍게도 쉽습니다! 검색을 Y로 제한 할 수 있습니다

코드 프레젠테이션 향상 : 개발자를위한 10 개의 구문 하이 라이터 웹 사이트 나 블로그에서 코드 스 니펫을 공유하는 것은 개발자에게 일반적인 관행입니다. 올바른 구문 형광펜을 선택하면 가독성과 시각적 매력을 크게 향상시킬 수 있습니다. 티

그래서 여기 당신은 Ajax라는이 일에 대해 배울 준비가되어 있습니다. 그러나 정확히 무엇입니까? Ajax라는 용어는 역동적이고 대화식 웹 컨텐츠를 만드는 데 사용되는 느슨한 기술 그룹을 나타냅니다. 원래 Jesse J에 의해 만들어진 Ajax라는 용어

이 기사 시리즈는 2017 년 중반에 최신 정보와 새로운 예제로 다시 작성되었습니다. 이 JSON 예에서는 JSON 형식을 사용하여 파일에 간단한 값을 저장하는 방법을 살펴 봅니다. 키 값 쌍 표기법을 사용하여 모든 종류를 저장할 수 있습니다.

손쉬운 웹 페이지 레이아웃에 대한 jQuery 활용 : 8 에센셜 플러그인 jQuery는 웹 페이지 레이아웃을 크게 단순화합니다. 이 기사는 프로세스를 간소화하는 8 개의 강력한 JQuery 플러그인을 강조합니다. 특히 수동 웹 사이트 생성에 유용합니다.

이 기사는 JavaScript 및 JQuery Model-View-Controller (MVC) 프레임 워크에 대한 10 개가 넘는 튜토리얼을 선별 한 것으로 새해에 웹 개발 기술을 향상시키는 데 적합합니다. 이 튜토리얼은 Foundatio의 다양한 주제를 다룹니다

핵심 포인트 JavaScript에서는 일반적으로 메소드를 "소유"하는 객체를 말하지만 함수가 호출되는 방식에 따라 다릅니다. 현재 객체가 없으면 글로벌 객체를 나타냅니다. 웹 브라우저에서는 창으로 표시됩니다. 함수를 호출 할 때 이것은 전역 객체를 유지하지만 객체 생성자 또는 그 메소드를 호출 할 때는 객체의 인스턴스를 나타냅니다. call (), apply () 및 bind ()와 같은 메소드를 사용 하여이 컨텍스트를 변경할 수 있습니다. 이 방법은 주어진이 값과 매개 변수를 사용하여 함수를 호출합니다. JavaScript는 훌륭한 프로그래밍 언어입니다. 몇 년 전,이 문장은있었습니다


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
