博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSONPlaceholder使用
阅读量:6701 次
发布时间:2019-06-25

本文共 1290 字,大约阅读时间需要 4 分钟。

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

image.png

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

你可以创建一个文件夹,执行

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 "
},
"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去测试调用,各种方法的使用具体看官网

// 获取所有用户信息

// 获取id为1的用户信息

// 获取公司的所有信息

// 获取单个公司的信息

// 获取所有公司id为3的用户

// 根据公司名字获取信息

// 根据多个名字获取公司信息

// 获取一页中只有两条数据

// 升序排序 asc升序 desc降序

// 获取年龄30及以上的

// 获取年龄在30到40之间

// 搜索用户信息

```

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

转载于:https://www.cnblogs.com/snmic/p/10365816.html

你可能感兴趣的文章
[AX]AX2012 SSRS报表使用Report Data Method
查看>>
Spring Boot 乐观锁加锁失败 - 集成AOP
查看>>
1-3-顺时针旋转矩阵
查看>>
可行性研究
查看>>
Linux文件查找命令find,xargs详述
查看>>
Spring WebFlux 响应式编程学习笔记(一)
查看>>
Dynamics CRM 2015 站点地图公告配置实体显示名称的变更
查看>>
java操作elasticsearch实现前缀查询、wildcard、fuzzy模糊查询、ids查询
查看>>
commons-fileupload、smartUpload和commons-net-ftp
查看>>
Simulated Annealing(模拟退火算法)
查看>>
面向对象-多态,反射
查看>>
sort函数
查看>>
用来做 favicon 的站点
查看>>
去除vue项目中的#及其ie9兼容性
查看>>
processon完全装逼指南
查看>>
理解什么是前后端分离
查看>>
testng.xml文件配置
查看>>
angular自定义指令详解
查看>>
C#常用单元测试框架比较:XUnit、NUnit和Visual Studio(MSTest)
查看>>
Android动画之逐帧动画(FrameAnimation)详解
查看>>