首页 技术 正文
技术 2022年11月14日
0 收藏 335 点赞 4,914 浏览 1773 个字

JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。

一、下载并安装node.js

windows搭建json-server快速方法

安装完后输入 node –version 检查是否安装成功

二、安装json-server

1.新建项目 mkdir json-demo && cd json-demo 

windows搭建json-server快速方法

2.初始化项目  npm init  或  npm init –yes

windows搭建json-server快速方法

前者需都按回车,

windows搭建json-server快速方法

3.安装  npm install json-server –save   或    npm install --save-dev json-server 

windows搭建json-server快速方法

4.在项目根目录(C:\Users\Administrator\json-demo)下,新建一个 JSON 文件db.json

{
"users": [
{
"name": "tt",
"phone": "123456789",
"email": "111@qq.com",
"age": "20",
"id": 1,
"companyId": 1
},
{
"name": "dede",
"phone": "123456789",
"email": "222@qq.com",
"age": "30",
"id": 2,
"companyId": 2
},
{
"name": "wf",
"phone": "123456789",
"email": "333@qq.com",
"age": "23",
"id": 3,
"companyId": 3
},
{
"name": "mj",
"phone": "123456789",
"email": "444@qq.com",
"age": "45",
"id": 4,
"companyId": 3
}
],
"companies": [
{
"id": 1,
"name": "Apple",
"description": "Apple lalala!"
},
{
"id": 2,
"name": "Microsoft",
"description": "Microsoft lalala!"
},
{
"id": 3,
"name": "Google",
"description": "Google lalala!"
}
]
}

windows搭建json-server快速方法

5. 把db.json文件托管成一个 web 服务  json-server –watch –port 53000 db.json

windows搭建json-server快速方法

6.打开浏览器输入  http://localhost:53000/companies访问成功如下

windows搭建json-server快速方法

7. 如果关闭了cmd窗口,再次打开可以再次输入 json-server –watch –port 53000 db.json

8. 查看相关内容

// 获取所有用户信息
http://localhost:53000/users// 获取id为1的用户信息
http://localhost:53000/users/1// 获取公司的所有信息
http://localhost:53000/companies// 获取单个公司的信息
http://localhost:53000/companies/1// 获取所有公司id为3的用户
http://localhost:53000/companies/3/users// 根据公司名字获取信息
http://localhost:3000/companies?name=Microsoft// 根据多个名字获取公司信息
http://localhost:53000/companies?name=Microsoft&name=Apple// 获取一页中只有两条数据
http://localhost:53000/companies?_page=1&_limit=2// 升序排序 asc升序 desc降序
http://localhost:53000/companies?_sort=name&_order=asc// 获取年龄30及以上的
http://localhost:53000/users?age_gte=30// 获取年龄在30到40之间
http://localhost:53000/users?age_gte=30&age_lte=40// 搜索用户信息
http://localhost:53000/users?q=h h指的是查询的首字母

参考

1 json-server快速“伪造”后台接口

一分钟内搭建全web的API接口神器json-server详解

使用json-server快速搭建本地数据接口

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,104
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,581
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,428
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,200
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,835
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,918