vue

POSTMAN을 이용하여 Mock Data생성하기

deadeye 2022. 10. 9. 15:40

 

 

1. postman을 들어가서 start with something new에 create New를 클릭한다.

2. advaced에 Mock Server 클릭!

3. request URL에 productList입력 -> next -> mockServerName입력 -> create Mock Server클릭

4. Mock Server가 만들어지면 MockTest -> productList -> Default로 들어간다.

그리고 Body에서 Text로 되어있는 것을 JSON으로 변경한다.

 

5. 아래 예시를 입력후에 save 버튼 클릭 후

[
    {"product_name": "기계식 키보드", "price": 25000, "category":"노트북/태블릿", "delivery_price":5000},
    {"product_name": "무선마우스", "price": 12000, "category":"노트북/태블릿", "delivery_price":5000},
    {"product_name": "아이패드", "price": 725000, "category":"노트북/태블릿", "delivery_price":5000},
    {"product_name": "태블릿 거치대", "price": 32000, "category":"노트북/태블릿", "delivery_price":5000},
    {"product_name": "무선충전기", "price": 42000, "category":"노트북/태블릿", "delivery_price":5000}
]

6. 생성된 MockTest 마우스 우클릭 시 run collection 클릭 -> run mock test를 진행

7. 정상적으로 작동 하고 아래좌측에 console을 클릭시 다음과 같이 뜨는걸 확인할 수 있다.

 

8. Get 우측에 url로  api 통신을 하면 끝!