带你了解 REST API

带你了解REST API 的基本用法

源码地址 REST 的核心概念

1. 互联网上所有可以访问的内容，都是资源。
2. 服务器保存资源，客户端请求资源。
3. 同一个资源，有多种表现形式。
4. 协议本身不带有状态，通信时客户端必须通过参数，表示请求不同状态的资源。
5. 状态转换通过HTTP动词表示。

实验操作步骤 （1） 命令行进入rest-api目录，执行下面的命令。

 $ npm init -y
 $ npm install -S json-server 

（2） 在项目根目录下，新建一个 JSON 文件db.json。

{
  "posts": [
    { "id": 1, "title": "angular", "author": "cnode" }
  ],
  "comments": [
    { "id": 1, "body": "angular study commen", "postId": 1 }
  ],
  "profile": { "name": "cnode" }
}

（3） 打开package.json，在scripts字段添加一行。

"scripts": {
  "start": "json-server db.json",
   "test": "echo \"Error: no test specified\" && exit 1"
},

（4） 命令行下执行下面的命令，启动服务。

$ npm run start

!

（5）查询数据(打开 Chrome 浏览器的 Postman 应用)

       1. [ get ] 向http://127.0.0.1:3000/posts        2. [ get ] 向http://127.0.0.1:3000/posts/1

（6）添加数据        1. [ post ] 向http://127.0.0.1:3000/comments，[注意，数据体Body要选择x-www-form-urlencoded编码，然后依次添加下面两个字段]

body: "i like angular"
postId: 1

       2. [ get ] 向http://127.0.0.1:3000/comments，查看所有评论

（7）修改数据        1. [ put ] 向http://127.0.0.1:3000/comments/2，[注意，数据体Body要选择x-www-form-urlencoded编码，然后添加下面的字段]

body: "hello angulart"

       2. [ get ] 向http://127.0.0.1:3000/comments，查看修改后的结果

（8）删除数据        1.[ delete ] 向http://127.0.0.1:3000/comments/2

       2.[ get ] 向http://127.0.0.1:3000/comments查看结果