상세 컨텐츠

본문 제목

Thunder Client

개발기록

by 까먹기전에 2023. 3. 30. 16:36

본문

반응형

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에 백엔드프로젝트의 경로를 넣으면 된다

 

관련글 더보기