Json-server的安装与使用

搭建本地的数据接口

Json-server 地址:https://github.com/typicode/json-server

1、全局安装json-server

首先我们来到终端,在根目录下安装我们全局的json-server,

输入指令:npm install -g json-server

接着创建一个文件夹存放json文件,终端中切换到创建的文件目录

初始化packjson这个文件,我们需要在当前的文件下下载对应的模块及插件,不然无法使用

输入npm init  --yes 就可以直接下载好,但是还是建议一步步操作。如下操作

输入npm init  将项目名、描述、作者填写好其他默认回车即可

创建完成,会生成一个package.json文件

安装我们需要用到的模块json-server

输入指令:npm install json-server –save  --save就是将模块存储到package.json文件中,之后就会下载模块

设置快捷启动json-server

创建db.json文件,并且往里面添加内容,注意一点,json文件中必须使用双引号, 不能使用单引号,否则会出现很多错误,导致无法使用(注意格式别写错)

输入指令npm run json:server运行json-server

效果

2、使用json-server

在json文件夹下创建一个名称为README.md的文件,将一些信息存放进去,主要是备注信息

//获取所有用户信息                          http://localhost:3000/users

//获取用户id为1的用户信息           http://localhost:3000/users/1

//获取所有公司的信息                      http://localhost:3000/companies

//获取单个公司的信息                      http://localhost:3000/companies/2

//获取所有公司id为3的用户信息    http://localhost:3000/companies/3/users

//根据公司名字获取信息              http://localhost:3000/companies?name=Microsoft&name=Apple

//获取一页中只有两条数据               http://localhost:3000/companies?_page=1&_limit=2

//根据公司名称升序排序(asc升序desc降序)    http://localhost:3000/companies?_sort=name&_order=asc

//获取用户年龄30及以上                 http://localhost:3000/users?age_gte=30

//获取用户年龄在30-40之间的用户信息    http://localhost:3000/users?age_gte=30&age_lte=40

//根据用户的搜索信息来查询用户   http://localhost:3000/users?q=h

 

 

3、使用postman来测试我们的请求

Postman一款非常流行的API调试工具。其实,开发人员用的更多。因为测试人员做接口测试会有更多选择,例如JmetersoapUI等。不过,对于开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。

软件下载地址:https://www.getpostman.com/apps

百度云盘下载(官网下载慢的话建议使用):

链接:https://pan.baidu.com/s/1f4SFaQtzdzlq6PbGlpKgJQ

提取码:7yrs

下载好之后直接运行程序,安装完成之后会出现一个登陆界面,注册一下输入自己的邮箱(qq邮箱也行)用户名,及密码

在add pepple to you team中随便填点内容,点击getLink,之后确定保存,

使用post请求,添加数据进行测试

删除一条用户信息

patch更新用户信息

4、将jsonPlaceholder数据拿到本地

JsonPalceholder官网地址:http://jsonplaceholder.typicode.com/

Github/json-server 地址:https://github.com/typicode/json-server  会告诉我们一些使用方法

复制上面的链接 json-server http://jsonplaceholder.typicode.com/db

,之后打开我们的package.json文件,添加进去

在终端中重新启动  ctrl+c 终止处理操作 输入指令 npm run json:server:remote(这个是上面自定义的名称),这样就成功将所有的数据下载到本地了

测试是否能够成功获取数据

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值