json-server模拟接口获取mock数据

在项目开发中，经常会遇到前后端数据交互而引起的开发流程停滞，前端完成静态页面的开发后，却迟迟未得到后端的接口。测试人员想要提前介入测试就可以通过根据后端接口字段，建立一个Restful风格的API接口，从而实现mock数据与前端的交互。

而json-server是一款很小巧却又强大的Mock工具，支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法，更提供了一系列的查询方法，如limit，order等。下面详细介绍json-server 的使用。
1、json-server的安装
首先需要安装nodejs，建议使用最新版本。
使用命令全局安装json-server：npm install -g json-server
检查是否安装成功： json-server -v

image.png

2、创建json数据文件
该json文件中，包含2个对象：claim、claimItems。每个对象中分别由不同的属性构成。

{
  "claim": [
    {
      "id": 12345,
      "companyCode": "JX0001",
      "account": "vip",
      "operableCompanyCode": "AH0116"
    }
  ],
  "claimItems": [
    {
      "id": "1011740069",
      "itemName": "进气格栅",
      "operationType": "01",
      "standardPartId": "190",
      "partFeeDiscount": "114.92"
    },
    {
      "id": "10117400691",
      "itemName": "进气格栅1",
      "operationType": "01",
      "standardPartId": "1901",
      "partFeeDiscount": "114.92"
    }
  ]
}

3、启动json-server服务
使用命令：json-server --watch d:\data.json

image.png

服务启动成功后，访问主页：http://localhost:3000

image.png

json-server默认启动端口3000，如果需要更改端口号，操作命令为：json-server --watch data.json --port 3033
当前服务接口的资源链接：
http://localhost:3000/claim
http://localhost:3000/claimItems

4、使用Postman对json-server构建的接口进行测试
以http://localhost:3000/claimItems为例
1）查询数据，请求方式（get）