快速模拟 Rest API
在前后端开发过程中,通常会通过 web api 进行沟通,Rest 风格和 JSON结构是常用的,例如前端要获取文章列表,需要通过 GET /post 来取得数据,返回的数据例如
{
"posts": [
{ "id": 1, "title": "test", "author": "me" },
......
]
}
后端来定义路由和返回JSON数据
开发中,后端实现API的速度可能不能满足前端开发的速度,前端为了不必等待后端,可以自己来模拟这个API,按照规定好的数据结构来返回模拟数据
json-server 就是用来实现这个需求的,不用自己写任何代码,把自己需要的模拟数据写入一个JSON文件,json-server 可以加载这个文件,并对外提供REST风格的访问方式,下面通过示例看具体的使用方式
先通过 npm 安装 json-server
npm install -g json-server
然后自定义一个JSON文件 db.json,内容为
{
"posts": [{
"id": 1,
"title": "测试 json-server",
"author": "dys"
}]
}
启动 json-server,指定加载 db.json,在命令行执行
json-server db.json
启动后的提示信息
{^_^}/ hi!
Loading db.json
Done
Resources
http://localhost:3000/posts
http://localhost:3000/comments
Home
http://localhost:3000
在浏览器中访问 http://localhost:3000/posts,会输出 posts 数组,如
[
{
"id": 1,
"title": "测试 json-server",
"author": "dys"
}
]
还可以访问某一条信息,如 http://localhost:3000/posts/1,只返回一条数据
{
"id": 1,
"title": "测试 json-server",
"author": "dys"
}
这是使用 GET 方式的访问,下面体验一下 POST 请求
我使用了 Firefox 下的一个 HTTP 插件,向 http://localhost:3000/posts 发送了 POST 请求,提交的数据为
{
"id": 2,
"title": "测试 post",
"author": "dys"
}
再次使用浏览器访问 http://localhost:3000/posts,可以看到刚刚 POST 的数据
[
{
"id": 1,
"title": "测试 json-server",
"author": "dys"
},
{
"id": 2,
"title": "测试 post",
"author": "dys"
}
]
以上是 json-server 的基本用法,他还有很多更强大的功能,可以到官网查看更多内容
项目官网 https://github.com/typicode/json-server
- nyoj------170网络的可靠性
- HDUOJ-------1052Tian Ji -- The Horse Racing(田忌赛马)
- 初学Java之Pattern与Matcher类
- 初学java之StringBuffer类的常用方法
- 初学java之大数处理
- hdu---1024Max Sum Plus Plus(动态规划)
- Go语言异步服务器框架原理和实现
- nyoj------布线问题(kruscal+求最小值)
- nyoj-----127星际之门(一)
- nyoj------20吝啬的国度
- HDUOJ-------2493Timer(数学 2008北京现场赛H题)
- go sync.Mutex 设计思想与演化过程 (一)
- HDUOJ--------A simple stone game(尼姆博弈扩展)(2008北京现场赛A题)
- HDUOJ----2485 Destroying the bus stations(2008北京现场赛A题)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- ClickHouse的可视化工具Tabix
- 跳表
- 浅谈AQS
- linux进程调度
- 696. 计数二进制子串 Krains 2020-08-10 09:42:23 字符串
- 给你的热图挑选一个合适的渐变色
- 网易云解锁灰色音乐
- AndroidStdio1_4
- 130. 被围绕的区域 Krains 2020-08-11 10:50:01 并查集DFS
- scRNA-seq Clustering(二)
- Apache-Hive 使用MySQL存储Hive的元数据
- 使用TensorFlow创建能够图像重建的自编码器模型
- Qt音视频开发9-ffmpeg录像存储
- AntDesignPro使用electron构建桌面应用
- 跨域资源共享