[npm] 簡易建立本地假 REST API

此乃用於快速建立假 REST API，以測試前端開發程式碼。

方法

利用 npm 安裝 json-server 於 devDependencies。

npm install json-server --save-dev

更新後的 package.json：

{
  "name": "your-project",
  "version": "0.1.0",
  "private": true,
  
  "devDependencies": {
    "json-server": "^0.16.3"
  }
}

建立 db.json

{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } }

為方便使用 json-server，加入指令到 package.json

{
  "name": "practice-2020-dec-nextjs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "mock-server": "json-server --watch ./db.json -p 4001 -d 3000"
  },
  "devDependencies": {
    "json-server": "^0.16.3"
  }
}

指令解釋：

-p 4001 為使用 localhost:4001

-d 3000 為反應時間 3000 毫秒

執行指令：

npm run mock-server