모든 프론트는 엔드포인트 요청을 모의해야 하며, 때로는 백이 아직 작업을 완료하지 않았기 때문에 때로는 특정 상황을 디버그하고 시뮬레이션해야 하며 이는 일상 생활에서 매우 일반적입니다.

예, JSON-Server는 놀랍고 사용하기 매우 간단합니다. 하지만 며칠 전 매우 구체적인 문제를 경험했고 결국 놀라운 브라우저 확장 기능을 발견하게 되었습니다.

문제

먼저 내가 겪은 문제에 대해 이야기하면 왜 JSON-Server가 이 상황에서 작동하지 않는지 이해하게 될 것입니다.

애플리케이션에서는 두 개의 서로 다른 엔드포인트를 사용해야 했습니다. 첫 번째 카드는 대시보드에 일부 정보를 로드했지만 해당 대시에 있는 카드 중 하나가 다른 엔드포인트에 의존하는 모달을 엽니다.

API가 나오면 몇 가지 조치를 취했지만, 어느 시점에서 두 번째 API 반환이 지연되는 예상치 못한 문제에 직면했습니다. 이러면 안 되는데, 그랬어요!

첫 번째 대시보드 엔드포인트가 메시지를 반환했지만 모달 API에는 몇 초가 걸렸습니다. 이는 모달을 열고 테이블에 아무 것도 없는 데 충분한 시간이었습니다.

API 문제라는 것을 깨달을 때까지 무슨 일이 일어나고 있는지 이해하는 데 시간이 좀 걸렸습니다.

저는 조사를 시작했고 매우 간단하고 강력한 Chrome(및 기타)용 확장 프로그램인 Tweak을 발견했습니다.

교육을 하려는 것이 아니라 이 분야에서 제가 주목했던 기능 중 하나를 공유하고 싶습니다.

응답 지연

내 문제에 대한 해결책은 다음과 같습니다.

이제 Tweak은 URL 모니터링을 시작하고 URL이 요청되면 (1) 요청을 반환하기로 결정한 시간을 관리하고 (2) 응답 본문의 데이터를 모의할 수 있습니다.

기타 기능

• 특정 모의를 켜거나 끌 수 있나요
• 데이터뿐만 아니라 오류도 모의할 수 있습니다. 상태만 변경하면 됩니다.
• 확장 프로그램에서 직접 데이터를 아주 간단하게 모의할 수 있습니다.
• 다양한 메소드(GET, POST...)를 모의할 수 있습니다.

이것들은 멋지고 사용하기 간단한 것들입니다. 이미 확장 기능을 알고 있고 다른 팁이 있는 경우 여기 commiteiro를 공유하세요.

껴안다!