JSONPlaceholder使用

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](https://upload-images.jianshu.io/upload_images/14781769-49961e0f0a21e61e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
在浏览器可以直接访问,会获取对应的接口数据
![image.png](https://upload-images.jianshu.io/upload_images/14781769-b36b0b96e8ca2748.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
你们可以使用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

```

使用POSTMAN去实现对应的接口调试,方便我们在做前端的时候有好的和快速响应

posted @ 2019-02-12 16:46 深蓝卷墨 阅读( ...) 评论( ...) 编辑 收藏
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值