搭建本地的数据接口
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调试工具。其实,开发人员用的更多。因为测试人员做接口测试会有更多选择,例如Jmeter、soapUI等。不过,对于开发过程中去调试接口,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(这个是上面自定义的名称),这样就成功将所有的数据下载到本地了
测试是否能够成功获取数据