14.3 JSON Server

1. Introduction

json-server는 json 파일을 사용하여 간단한 시뮬레이션을 위한 REST API Mock server를 구축할 수 있는 툴이다.

2. Setup

2.1 json-server 설치

npm을 이용하여 json-server를 로컬 설치한다.

$ mkdir json-server-exam && cd json-server-exam
$ npm init -y
$ npm install json-server --save-dev

2.2 db.json 파일 생성

{
  "todos": [
    { "id": 1, "todo": "html" },
    { "id": 2, "todo": "css" },
    { "id": 3, "todo": "javascript" }
  ],
  "users": [
    {"id": 1, "name": "Lee", "age": 20, "gender": "male"},
    {"id": 2, "name": "Kim", "age": 30, "gender": "female"}
  ]
}

2.3 json-server 실행

json-server가 db.json 파일을 watching하도록 실행한다. 기본 포트는 3000이다.

## 기본 포트(3000) 사용
$ json-server --watch db.json
## 포트 변경
$ json-server --watch db.json --port 5000

package.json script를 아래와 수정하여 json-server을 실행하여 보자.

{
  "name": "json-server-exam",
  "version": "1.0.0",
  "scripts": {
    "serve": "json-server --watch db.json"
  },
  "devDependencies": {
    "json-server": "^0.12.0"
  }
}
$ npm run serve

3. json-server 접속

Postman을 사용하여 json-server에 접속하여 보자.

3.1 Get request

Get request

3.2 Post request

Post request

3.3 Put request

Put request

3.4 Delete request

Delete request

Reference

Back to top
Close