REST API
postman搭建mock服务https://jingyan.baidu.com/article/63f23628422a300208ab3dac.html
REST API
实验目的
- 熟悉 REST API 的基本用法
操作步骤
(1) 命令行进入demos/rest-api-demo
目录,执行下面的命令。
$ npm install -S json-server
(2) 在项目根目录下,新建一个 JSON 文件db.json
。
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
(3) 打开package.json
,在scripts
字段添加一行。
"scripts": {
"server": "json-server db.json",
"test": "..."
},
(4) 命令行下执行下面的命令,启动服务。
$ npm run server
(5)打开 Chrome 浏览器的 Postman 应用。依次向http://127.0.0.1:3000/posts
、http://127.0.0.1:3000/posts/1
发出GET
请求,查看结果。
(6)向http://127.0.0.1:3000/comments
发出POST
请求。注意,数据体Body
要选择x-www-form-urlencoded
编码,然后依次添加下面两个字段。
body: "hello world"
postId: 1
发出该请求后,再向http://127.0.0.1:3000/comments
发出GET
请求,查看结果。
(7) 向http://127.0.0.1:3000/comments/2
发出PUT
请求,数据体Body
要选择x-www-form-urlencoded
编码,然后添加下面的字段。
body: "hello react"
发出该请求后,再向http://127.0.0.1:3000/comments
发出GET
请求,查看结果。
(8)向http://127.0.0.1:3000/comments/2
发出delete
请求。
发出该请求后,再向http://127.0.0.1:3000/comments
发出GET
请求,查看结果。