windows搭建json-server快速方法

JSON-Server 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源。

一、下载并安装node.js

安装完后输入 node --version 检查是否安装成功

二、安装json-server

1.新建项目 mkdir json-demo && cd json-demo 

2.初始化项目  npm init  或  npm init --yes 

前者需都按回车，

 

3.安装  npm install json-server --save   或    npm install --save-dev json-server 

4.在项目根目录(C:UsersAdministratorjson-demo)下，新建一个 JSON 文件db.json

{
  "users": [
    {
      "name": "tt",
      "phone": "123456789",
      "email": "111@qq.com",
      "age": "20",
      "id": 1,
      "companyId": 1
    },
    {
      "name": "dede",
      "phone": "123456789",
      "email": "222@qq.com",
      "age": "30",
      "id": 2,
      "companyId": 2
    },
    {
      "name": "wf",
      "phone": "123456789",
      "email": "333@qq.com",
      "age": "23",
      "id": 3,
      "companyId": 3
    },
    {
      "name": "mj",
      "phone": "123456789",
      "email": "444@qq.com",
      "age": "45",
      "id": 4,
      "companyId": 3
    }
  ],
  "companies": [
    {
      "id": 1,
      "name": "Apple",
      "description": "Apple lalala!"
    },
    {
      "id": 2,
      "name": "Microsoft",
      "description": "Microsoft lalala!"
    },
    {
      "id": 3,
      "name": "Google",
      "description": "Google lalala!"
    }
  ]
}

5. 把db.json文件托管成一个 web 服务  json-server --watch --port 53000 db.json 

6.打开浏览器输入  http://localhost:53000/companies访问成功如下

7. 如果关闭了cmd窗口，再次打开可以再次输入 json-server --watch --port 53000 db.json

  

8. 查看相关内容

// 获取所有用户信息
http://localhost:53000/users

// 获取id为1的用户信息
http://localhost:53000/users/1

// 获取公司的所有信息
http://localhost:53000/companies

// 获取单个公司的信息
http://localhost:53000/companies/1

// 获取所有公司id为3的用户
http://localhost:53000/companies/3/users

// 根据公司名字获取信息
http://localhost:3000/companies?name=Microsoft

// 根据多个名字获取公司信息
http://localhost:53000/companies?name=Microsoft&name=Apple

// 获取一页中只有两条数据
http://localhost:53000/companies?_page=1&_limit=2

// 升序排序 asc升序 desc降序
http://localhost:53000/companies?_sort=name&_order=asc

// 获取年龄30及以上的
http://localhost:53000/users?age_gte=30

// 获取年龄在30到40之间
http://localhost:53000/users?age_gte=30&age_lte=40

// 搜索用户信息
http://localhost:53000/users?q=h  h指的是查询的首字母

参考

1 json-server快速“伪造”后台接口

2 一分钟内搭建全web的API接口神器json-server详解

3 使用json-server快速搭建本地数据接口