全局安装json-server
运行命令:npm i json-server -g
准备空文件夹
在任意目录下，准备一个空文件夹，取名mock-server(可改成其它名字)
创建json文件
在文件夹中新建一个名为db.json文件(可改其它名称，注意名字是是英文）
初始化结构
在db.json文件中，按json格式的要求，去定义一个对象：
- 键值对格式
- 用双引号括起来
{
"assets": [
{ "id": 1, "name": "外套", "price": 99 },
{ "id": 2, "name": "裤子", "price": 34 },
{ "id": 3, "name": "鞋", "price": 25.4 },
{ "id": 4, "name": "头发", "price": 19900 }
]
}
启动接口服务
根据上面创建的db.json自动地生成接口。
进入到上面创建的文件夹下，
在此文件夹下，打开小黑窗，输入命令json-server db.json -p 8888 (json-server后有空格)
如果没有错误,则运行结果如下:
测试
在浏览器中访问上面地址: http://localhost:8888/assets
注:
- 产生的接口地址中的
assets是与db.json中的属性名是对应的。 - db.json的内容必须是json格式。
- 属性名 ---> 接口的地址
- 属性值 ---> 接口返回数据 （数组|对象）
- 小黑窗不要关！
- 小黑窗上不要用鼠标选中任何内容！
RESTful接口
问题导入
在写接口时，每个程序员都有自己的写法,取不同的名字，例如：实现添加资产
- A同学： localhost:3000/addAsset | delAsset
- B同学： localhost:3000/insertAsset | deleteAsset
- C同学： localhost:3000/tjzj | sczj
RESTful接口
针对上述问题，提出一套约定。RESTful接口的规范是通过：
- 请求方式来决定操作类别（添加，删除，修改，查询）
- 用名词来表示要操作的目标
json-server提供的就是符合restful规则的接口。
测试
以上面启动的服务为例：一旦服务启动成功，就会自动生成如下接口地址。
以上接口就是符合restful要求的接口规则。
