用JSON-server模拟REST API(三) 进阶使用
用JSON-server模拟REST API(三) 进阶使用
前面演示了如何安装并运行 json server
, 和使用第三方库真实化模拟数据 , 下面将展开更多的配置项和数据操作。
目录:
配置项
npm启动
数据过滤
作为中间件
上一篇 用JSON-server模拟REST API(二) 动态数据
上上一篇 用JSON-server模拟REST API(一) 安装运行
配置项
在安装好json server之后,通过 json-server -h
可以看到如下配置项:
json-server [options] <source>
Options:
--config, -c 指定 config 文件 [默认: "json-server.json"]
--port, -p 设置端口号 [default: 3000]
--host, -H 设置主机 [默认: "0.0.0.0"]
--watch, -w 监控文件 [boolean]
--routes, -r 指定路由文件
--static, -s 设置静态文件
--read-only, --ro 只允许 GET 请求 [boolean]
--no-cors, --nc 禁止跨域资源共享 [boolean]
--no-gzip, --ng 禁止GZIP [boolean]
--snapshots, -S 设置快照目录 [默认: "."]
--delay, -d 设置反馈延时 (ms)
--id, -i 设置数据的id属性 (e.g. _id) [默认: "id"]
--quiet, -q 不输出日志信息 [boolean]
--help, -h 显示帮助信息 [boolean]
--version, -v 显示版本号 [boolean]
Examples:
bin db.json
bin file.js
bin http://example.com/db.json
既可以通过命令行方式单行配置,如
json-server db.js -p 3008 -d 500 -q -r ./routes.json
,也可以通过 json-server.json
文件进行配置后:
# /mock/json-server.json
{
"host": "0.0.0.0",
"port": "3008",
"watch": false,
"delay": 500,
"quiet": true,
"routes": "./routes.json"
}
运行
json-server db.js
返回静态文件
在 /mock
下建立 public
目录,即可直接访问其下的所有静态文件,包括但不限于js
, css
,markdown
文件等。
地址栏输入 http://localhist:3008/readme.md
即可访问以下文件
# /mock/public/readme.md
# hello Mr DJ,这节奏不要停
移动设备访问
通过 json server
建立的rest api服务默认可以在局域网中通过WIFI访问接口。
windows下面通过 ipconfig
查找到电脑的局域网地址,mac设备是通过 ifconfig | grep "inet " | grep -v 127.0.0.1
查看。
比如我的电脑局域网ip是 192.168.0.6
,在手机上访问 http://192.168.0.6:3008
即可。
自定义路由
可以通过自定义路由的形式,简化数据结构,或是建立高弹性的web api,例如
# /mock/routes.json
{
"/news/:id/show": "/news/:id",
"/topics/:id/show": "/news/:id",
}
访问 /news/1/show
和 topics/1/show
均返回指定的 /news/1
内容。
** * 需要注意的是,路由必须以 /
开头**
npm启动
相比在终端中直接输入各种命令,我更喜欢利用 node scripts
来处理任务,在 /mock
下建立文件 package.json
,
然后运行 npm run mock
。
# /mock/package.json
{
"scripts": {
"mock": "json-server db.js"
}
}
数据过滤
数据过滤是 json server
中非常强力的功能。通过url上简单的query字段,即可过滤出各种各样的数据。
示例数据源:
[
{
"id": 0,
"title": "元小总小把清保住影办历战资和总由",
"desc": "共先定制向向圆适者定书她规置斗平相。要广确但教金更前三响角面等以白。眼查何参提适",
"tag": "值集空",
"views": 3810,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
{
"id": 1,
"title": "物器许条对越复术",
"desc": "方江周是府整头书生权部部条。始克识史但给又约同段十子按者感律备。关长厂平难山从合",
"tag": "分七眼术保",
"views": 4673,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
},
{
"id": 2,
"title": "但学却连质法计性想般最",
"desc": "以群亲它天即资几行位具回同务度。场养验快但部光天火金时内我。任提教毛办结论感看还",
"tag": "响六",
"views": 4131,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置",
"http://dummyimage.com/200x100/f28279&text=收面几容受取",
"http://dummyimage.com/200x100/7993f2&text=做件"
]
},
...
{
"id": 99,
"title": "则群起然线部其深我位价业红候院",
"desc": "为高值务须西生型住断况里听。志置开用她你然始查她响元还。照员给门次府此据它后支越",
"tag": "何你",
"views": 2952,
"images": [
"http://dummyimage.com/200x100/79f2a5&text=别角置"
]
}
]
属性值(Filter)
使用 .
操作对象属性值
// 获取图片数量为3,且标签字数为2的新闻
GET /news?images.length=3&tag.length=2
分割(Slice)
使用 _start
和 _end
或者 _limit
(response中会包含 X-Total-Count
)
// 获取id=10开始的5篇新闻
GET /news?_start=10&_limit=5
// 获取id=20开始,id=35结束的新闻
GET /news?_start=20&_end=35
排序(Sort)
使用 _sort
和 _order
(默认使用升序(ASC))
// 按照浏览数量降序排列
GET /news?_sort=views&_order=DESC
运算符(Operators)
使用 _gte
或 _lte
选取一个范围
// 选取浏览量在2000-2500之间的新闻
GET /news?views_gte=2000&views_lte=2500
使用 _ne
排除一个值
// 选择tag属性不是 "国际新闻" 的分类
GET /news?tag_ne=国际新闻
使用 _like
进行模糊查找 (支持正则表达式)
// 查找title中含有 "前端" 字样的新闻
GET /news?title_like=前端
全文检索(Full-text search)
使用 q
,在对象全部value中遍历查找包含指定值的数据
// 查找新闻全部字段包含 "强拆" 字样的数据
GET /news?q=强拆
关系图谱(Relationships)
获取包含下级资源的数据, 使用 _embed
GET /news?_embed=comments
GET /news/1?_embed=comments
获取包含上级资源的数据, 使用 _expand
GET /news?_expand=post
GET /news/1?_expand=post
作为中间件
除了独立作为rest api 服务器之外, json server
同样可以作为诸如 Express
之类框架的中间件使用,
具体API详见 json server模块
全文完
用JSON-server模拟REST API(三) 进阶使用的更多相关文章
- 用JSON-server模拟REST API(二) 动态数据
用JSON-server模拟REST API(二) 动态数据 上一篇演示了如何安装并运行 json server , 在这里将使用第三方库让模拟的数据更加丰满和实用. 目录: 使用动态数据 为什么选择 ...
- 用JSON-server模拟REST API(一) 安装运行
用JSON-server模拟REST API(一) 安装运行 在开发过程中,前后端不论是否分离,接口多半是滞后于页面开发的.所以建立一个REST风格的API接口,给前端页面提供虚拟的数据,是非常有必要 ...
- 用JSON-server模拟REST API
来源于: 用JSON-server模拟REST API(一) 安装运行 用JSON-server模拟REST API(二) 动态数据 用JSON-server模拟REST API(三) 进阶使用 在开 ...
- 使用json-server模拟REST API
https://segmentfault.com/a/1190000005793257 在开发过程中,前后端不论是否分离,接口多半是滞后于页面开发的.所以建立一个REST风格的API接口,给前端页面提 ...
- Express4.x API (三):Response (译)
Express4.x API 译文 系列文章 Express4.x API (一):application (译) -- 完成 Express4.x API (二):request (译) -- 完成 ...
- json:server 本地搭建
做个记录, 第一步,我们新建一个文件夹. 第二步,打开文件夹,执行git,没有git可以下载一个.或者用命令行工具进入到这个文件夹! 第三步,初始化json 在git里执行npm init --ye ...
- 接口神器之 Json Server 详细指南
简介 json-server 是一款小巧的接口模拟工具,一分钟内就能搭建一套 Restful 风格的 api,尤其适合前端接口测试使用. 只需指定一个 json 文件作为 api 的数据源即可,使用起 ...
- 模拟提交API数据Pyqt版
其实这个模拟提交数据之前已经写过篇: Python requests模拟登录 因为现在在做的项目中需要一个debug请求调试API,用PHP的CURL写了一个,又因Pyqt更能直观灵活的显示请求的参数 ...
- SQL Server AlwaysON从入门到进阶(1)——何为AlwaysON?
本文属于SQL Server AlwaysON从入门到进阶系列文章 本文原文出自Stairway to AlwaysOn系列文章.根据工作需要在学习过程中顺带翻译以供参考.系列文章包含: SQL Se ...
随机推荐
- Linux第七次实验笔记
#期中总结 习题总结与分析 填空:Linux Bash中,Ctrl+a快捷键的作用是(将光标移至输入行头,相当于Home键). [ctrl]+u 从游标处向前删除指令串 [ctrl]+k 从游标处向后 ...
- 报这个错 unrecognized selector sent to instance
1.给一个对象赋空值: 2.调不存在的方法:3.数据类型不对.
- Scrum敏捷精要
本文抽取Scrum中的一些重要思想和概念,对Scrum敏捷执行的主题流程进行精要的介绍. 一.基本思想 个体和互动 高于 流程和工具 工作的软件 高于 详尽的文档 客户合作 ...
- 【MPI学习5】MPI并行程序设计模式:组通信MPI程序设计
相关章节:第13章组通信MPI程序设计. MPI组通信与点到点通信的一个重要区别就是:组通信需要特定组内所有成员参与,而点对点通信只涉及到发送方和接收方. 由于需要组内所有成员参与,因此也是一种比较复 ...
- EF实体框架之CodeFirst三
前两篇博客学习了数据库映射和表映射,今天学习下数据库初始化.种子数据.EF执行sql以及执行存储过程这几个知识. 一.数据库初始化策略 数据库初始化有4种策略 策略一:数据库不存在时重新创建数据库 D ...
- [1015][JSOI2008]星球大战starwar(并查集)
1015: [JSOI2008]星球大战starwar Time Limit: 3 Sec Memory Limit: 162 MBSubmit: 2124 Solved: 909[Submit] ...
- c# 6.0新特性(二)
写在前面 上篇文章介绍了c#6.0的using static,Auto Property Initializers,Index Initializers新的特性,这篇文章将把剩下的几个学习一下. 原文 ...
- php字符串比较函数
比较两个字符串是否相等,最常见的方法就是使用“===”来判断,至于它和“==”的区别,简单来说就是前者强调“identical”类型也要求 一样:后者要求“equal”,值相同就可以了,参考[1].或 ...
- ansible-3 主机清单hosts的设置
主机清单的设置参考:http://www.ansible.com.cn/docs/intro_inventory.html [ceshi]192.168.220.98log ansible_ssh_h ...
- iOS边练边学--AFNetWorking框架GET、Post、Download、Upload,数据解析模式以及监控联网状态
一.AFNETWorking简单使用 get请求 get请求,以后经常用NSURLSession底层的写的部分 简单的post请求 用post请求下载文件,方法很多,还可以通过upload任务来执行 ...