快速模拟 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
- zookeeper思考与总结1:在其它组件的作用及hdfs对比
- HDU----(4291)A Short problem(快速矩阵幂)
- Linux下删除指定文件之外的其他文件
- HDU----(2157)How many ways??(快速矩阵幂)
- 试试Linux下的ip命令
- hdu---(2604)Queuing(矩阵快速幂)
- centos7下卸载python后yum不能使用的恢复方法
- hdu---(5038)Grade(胡搞)
- shell生成随机字符的几种方法
- Python时间获取及转换
- spark streaming知识总结[优化]
- 让你真正明白spark streaming
- Centos7 firewalld防火墙基本操作
- Spark Sql系统入门4:spark应用程序中使用spark sql
- 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 数组属性和方法
- 聊一聊微信小程序包内容
- 全面分析 MySQL并发控制
- Flink History Server
- 几种定时任务(Timer、TimerTask、ScheduledFuture)的退出—结合真实案例【JAVA并发】
- gitlab内存消耗大,频繁出现502错误的解决办法
- Java基于POI实现excel任意多级联动下拉列表——支持从数据库查询出多级数据后直接生成【附源码】
- Elasticsearch 通过Scroll遍历索引,构造pandas dataframe 【Python多进程实现】
- 【Java】 NullPointerException、ArrayIndexOutOfBoundsException、ClassCastException、ArrayIndexOutOfBoundsE
- Meow攻击删除不安全(开放的)的Elasticsearch(及MongoDB) 索引,建一堆以Meow结尾的奇奇怪怪的索引(如:m3egspncll-meow)
- MySQL LOAD DATA INFILE—从文件(csv、txt)批量导入数据
- MySQL 快速删除大量数据(千万级别)的几种实践方案——附源码
- 什么样的代码是好代码?
- Elastic search集群新增节点(同一集群,同一物理机)
- Tesseract-OCR 4.1.0 安装和使用— windows及CentOS
- Java 大小端转换(基于ByteBuffer)