json-sever 配置与应用

先安装 node.js.

全局安装 json-server:

npm install json-server -g

检查是否安装成功：

json-server -h

安装好后，json-server的文件目录为：

配置 json-server:

{
    "host": "0.0.0.0",
    "port": "3000",
    "watch": true,
    "delay": 500,
    "quiet": true,
    "routes": "./routes.json"
}

在 node 目录下新建一个目录叫 db.在这个目录下新一个 employees.json 文件，并写入内容

{
  "employees": [
    {
      "id": 1,
      "first_name": "Sebastian",
      "last_name": "Eschweiler",
      "email": "sebastian@codingthesmartway.com"
    },
    {
      "id": 2,
      "first_name": "Steve",
      "last_name": "Palmer",
      "email": "steve@codingthesmartway.com"
    },
    {
      "id": 3,
      "first_name": "Ann",
      "last_name": "Smith",
      "email": "ann@codingthesmartway.com"
    }
  ]
}

并在 db/目录下，再创建一个 package.json 文件。安装包管理器，以后安装的其它包，都会有安装信息在这里显示

{
  "scripts": {
    "server": "json-server db.json --port 3000",
    "mock": "json-server db.js",
    "start": "cd server && node ./index.js",
    "postcss": "postcss ./static/src/css.scss -o ./static/dist/css.css -u autoprefixer"
  },
  "dependencies": {},
  "devDependencies": {
    "autoprefixer": "^9.1.5",
    "faker": "^4.1.0",
    "lodash": "^4.17.11",
    "postcss": "^7.0.4",
    "postcss-px2units": "^0.2.0",
    "postcss-pxtorem": "^4.0.1"
  }
}

浏览器中查看某个json数据的方法：

1. 进入这个json数据表的目录  比如：D:code odedbdata   后，再启动查看这个目录下的json数据表的对象名称：  json-server --watch user.json
2. 在  routes.json 中配置 user.json 这个数据表的 浏览器访问路径 ：  “/ 浏览器访问路径 /”：“/ 数据表真实路径 /”
3. 在浏览器中输入 http://localhost:3000/ + routes.json 中的访问路径   http://localhost:3000/user/

如果更改了 json 需要重启 json-server，启动监控

json-server --watch db.json (  默认端口号 3000  )
// 默认端口是在 json-server.json 文件中已经配置好的，查看上面

如果没有出现错误，终端会显示这个

例子：在浏览器中看到刚刚建立的json文件，访问employees时，在浏览器中的URL地址为：

http://localhost:3000/employees   (employees为json文件中的对象，而不是 json 文件名称)

如果要预览某个json数据，需要进入到这个json所在的当前目录，再输入命令：

D:code
odedbdata>json-server --watch db.json

如果新建了其它json，比如user.json，如果想查询它的数据，需要对user.json重新监听：

D:code
odedbdata>json-server --watch user.json

JSON server 的几种 GET：

• GET /employees
• GET /employees/{id}
• POST /employees
• PUT /employees/{id}
• PATCH /employees/{id}
• DELETE /employees/{id}

根据 id 查询：支持在url上添加参数来进行查询的，比如要查询 id=2 的数据

http://localhost:3000/employees?id=2

 全文查询：符合某个条件的查询，比如要查询某个数据文件中包含aa的数据

http://localhost:3000/user?q=aa

根据 名称 升序查询：排序查询：?_sort=first_name

http://localhost:3000/user?_sort=first_name

根据条件全文筛选查询：?first_name_like=aa

http://localhost:3000/user?first_name_like=aa

 排除某些条件进行查询：?last_name_ne=Smith

对 last_name 中，凡是值为 Smith 的数据都排除掉 
http://localhost:3000/user?last_name_ne=Smith

 从某一个范围开始查询  ?id_gte=10

比如从第 10 条数据开始搜索
http://localhost:3000/user?id_gte=10

JSON server 路由：

• 默认是按照db.json文档结构来访问的，当然你也可以使用--routes命令添加自定义的路由。
• 需要创建一个routes.json文件，然后重新定义规则。

/// 浏览器访问路径 /”：“/ 数据表真实路径 /”
{
     "/api/": "/",
     "/user/": "/data/user/",
     "/employees/":"/data/employees/"
}

比如要查询user.json 的数据，可以在浏览器中输入：

http://localhost:3000/user/

重新定义了路由的规则，需要重启 json-server 

json-server --watch --routes routes.json

如果重启成功，会显示

如果在重启路由的时候，在命令行里输入了 db.json 文件，那么会先找 db.json ，然后再根据这个文件来找对应的 routes.json .

由于我的 db.json 文件 与 routes.json 文件不在同一目录下，因此会报错，说在 db.json下找不到 routes.json，因此，我们只需要在 json-server 下重启 routes.json 就可以了

正确的命令，先启动路由
json-server --watch --routes routes.json
再启动要监听的 user.json 
json-server --watch user.json

错误的命令： json-server db.json --routes routes.json

以上，欢迎探讨。