JSONPlaceholder使用

一个用于快速搭建RESTful API的接口 JSONPlaceholder 地址

image.png

Json-Server ,个人搭建一个 访问GITHub

你可以创建一个文件夹，执行
npm install -g json-server
本地实例化一个项目
npm install json-server --save

我们的package.json

 "name": "jsonserver",
 "version": "1.0.0",
 "description": "test restful api",
 "main": "index.js",
 "scripts": {
   "json:server": "json-server --watch db.json",
   "json:server:remote": "json-server http://jsonplaceholder.typicode.com/db"
 },
 "author": "",
 "license": "ISC",
 "dependencies": {
   "json-server": "^0.12.2"
 }
}

此时你创建一个db.json文件，然后输入对应的json

{
  "users": [
    {
      "name": "Henry",
      "phone": "333-444-555",
      "id": 1
    },
    {
      "name": "adfasdf",
      "phone": "fasdfasfd",
      "email": "asdfasfd",
      "id": 3
    }
  ],
  "xxx": [
    {
      "aa":“abab”
    }
  ]
}

运行npm run json:server ，会执行对应的db.json 数据,给你

image.png

在浏览器可以直接访问，会获取对应的接口数据

image.png

你们可以使用postman去测试调用，各种方法的使用具体看官网

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

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

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

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

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

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

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

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

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

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

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

// 搜索用户信息
http://localhost:3000/users?q=h