[Postman] Postman으로 Mock Server 구축하기

프론트엔드와 백엔드 별도로 개발을 진행한다면 백엔드의 api 개발이 모두 완료될 때까지 기다릴 수 없다.

그렇기 때문에 가짜 데이터 서버를 두고 먼저 개발을 진행할 필요가 있다.

 

특정 Request를 날리면 가짜 데이터를 보내줄 가상 서버를 MockServer라고 하는데

오늘은 api 개발을 위한 툴인 postman을 이용해서 mock server를 구축해보려고 한다!

 

Postman API Platform | Sign Up for Free

 

1️⃣ Postman 기초 환경 구성

아래 사진은 postman을 설치하고 나서의 첫 화면이다.

 

Create new collection 버튼을 눌러 컬렉션을 생성해준다. 

다음으로, 컬렉션에 Mock collection을 추가해준다. 

 

Mock 서버 데이터를 입력해주고 Create 해준다.

 

Mock 서버를 생성하고 나면 링크 하나를 받게 되는데

Postman은 요청을 받을 수 있는 URL을 클라이언트에게 할당해준다.

 

이제 Mock 서버에 대한 기초 환경 구성은 끝났다.

다음 해야할 일은, api 서버에 Request를 날렸을 때 서버가 Return 할 것으로 예상되는 데이터를 세팅하는 단계이다.

 

예를 들어, 사용자 정보를 반환하기 위해서 "http://localhost:8000"이라는 서버에

아이디가 1인 유저를 조회하는 요청을 날렸다고 하면, 아래와 같은 정보를 서버에 날릴 것이다.

GET http://localhost:8080/users/1

 

이때, 서버는 아래와 같은 데이터를 반환한다.

{
    "id": 1,
    "name": "kim",
    "age": 6
}

 

2️⃣ Mock 서버에 요청 샘플 추가

요청(Request)과 응답(data)에 대한 샘플을 setting 할 것이다.

 

일단, 요청(Request)을 추가해준다. 

 

Add example로 샘플을 만들어준다. 

 

샘플 데이터를 JSON 형식으로 입력해준다.

이때 url은 아까 mock 서버를 생성한 뒤, postman이 제공했던 주소로 시작해야 한다.

저장을 해주고, Reqeust를 send 하면 브라우저에 요청이 된다.

 

3️⃣ 브라우저에 요청 날린 거 확인!

 

이로써, 백엔드 서버에 api 요청 시 반환할 것이라고 예상되는 기댓값을 setting 했고

백엔드 개발이 완료되지 않아도 프론트엔드 개발을 진행할 수 있게 됐다!