postman의 team workspace의 기능은 3명까지만 무료이고
그 이후의 팀원이 포함되면 유료 결제를 해야한다.
vscode의 확장프로그램으로 나온 Thunder Client는 postman보다 기능은 라이트하지만 가장큰 문제를 해결해주고 있다.
설치방법과 사용방법 설명이다.
설치방법 : vscode 확장프로그램 ⇒ thunder client 다운로드
왼쪽에 보면 추가되어있을거다
눌러보면
Activity - api call 히스토리
Collections - 말 그대로 콜렉션을 생성해서 api를 관리 할 수 있다.
Env - 환경설정 ( alias나 공통변수 등 설정 가능)
New Request 를 눌러서 Api를 생성해보자
Send를 누르게 되면 우측에 결과가 나온다
그리고 Activity에 내가 api를 호출한 이력이 남는다
일단 Collections에 추가해보자
그리고 Activity 에서 TestCollection 안에 넣어보자
우측 Collection 을 눌러보면 내가 생성한 Collection이 있을거다
선택해서 서브밋을 누르자
잘 추가되었다.
이제 Api에 환경변수를 추가해보자
url : https://www.thunderclient.com/welcome 중에서 Host부분을 변수처리 해보자
글로벌 , 로컬용, 개발서버용을 나누어서 TEST_HOST 라고 만들었다.
잘 적용된다.
다른 env의 프로파일을 적용하고 싶으면 Env를 우클릭 하면 Set Active가 뜬다. 별표되어있는게 현재 활성화 되어있는 env 이다.
그리고 이렇게 사용하다보면 이 콜렉션들을 다른사람에게도 공유하고 싶을때가 있다.
프로젝트 경로에 json으로 저장한다음에 git으로 공유하면 된다.
이렇게 하면 나의 프로젝트 내부에 thunder-tests 폴더가 생기고 json 파일이 4개 생긴다.
여기서 thunderActivity.json 는 api 요청 이력이니 gitignore 에 추가해도 된다.
만약에 클라이언트 프로젝트에서 서버에서 만든것을 쓰고싶을때는 Custom Location에 백엔드프로젝트의 경로를 넣으면 된다
react-native codepush 적용중에 2가지 문제점이 발생 (0) | 2023.07.22 |
---|---|
애플 개발자 프로그램 구매를 했는데.. (1) | 2023.07.22 |
Thunder Client 로 typescript interface 만들기 (0) | 2023.03.30 |
React-Query Cannot find module '../../../node_modules/use-sync-external-store/shim/index.js' 해결방안 (0) | 2022.10.20 |
Jest 날짜 고정 시키기 (0) | 2022.10.20 |