1、首先postman要有登录账户,后面在生成API key的时候会用到。
2、在postman中找到mock servers 如下图:
3、mock servers 中点击create mock servers
输入上Request URL 和Response Body ,点击next
进入下一页面输入Mock server name 可以随便输入,默认已经勾选上保存为环境变量了,当然如果没有默认勾选,要手动勾选上。另外就是在勾选上下面的“make mock servers private”,勾选好了之后,就要开始生成api key了。
点击postman api key 会跳转到浏览器中,这时候就要用到我开头说的postman账户了,浏览器上登录账户后进入到api key页面
点击Generate API key 创建api key ,输入名称后创建
生成后一定要保存下来,不然还得在生成一次,创建成功并保存成功后,回到postman ,点击create mock server,至此mock 就创建成功。
4、接着我们要调用刚创建的mock数据,在collections 中找到刚刚创建的mock
5、从环境变量中找到创建的testmock,headers里面添加上api key,后面放的值就是咱们上面创建后复制出来的,随后点击send,结果就出来。
1.安装Node.js ,通过http-server开启本地服务器获取端口 http://localhost:8000
然后通过在文件夹创建 html和json 文件来测试数据
示例:
我们打开浏览器的控制台就能看到输出的数据
2.通过线上来mock数据
以第一种为例,进入网站后建立个人项目
进入项目后通过创建接口
选择接口类型
进行查看
控制台结果
YApi的 Mock 功能可以根据用户的输入接口信息如协议、URL、接口名、请求头、请求参数、返回数据( 返回数据 )生成 Mock 接口,这些接口会自动生成模拟数据,创建者可以自由构造需要的数据。mock模拟数据基于mock.js。
Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:
l 根据数据模板生成模拟数据
l 模拟 Ajax 请求,生成并返回模拟数据
l 基于 HTML 模板生成模拟数据
进入项目,选择并点击某接口
很多时候需要根据不同的请求参数返回不同的响应数据,可以使用高级Mock中的期望或自定义脚本来实现。
以新网项目中的联合登陆接口为例。后台逻辑为如果用户已开户则返回数据中"openAccount": true,如果未开户"openAccount": false。
接口的输入参数有:mobile,idCard,userRealName。可以设置输入userRealName=’哈哈’时为已开户条件,返回"openAccount": true。为其他值时均为未开户的情况,返回"openAccount": false。下面分别用期望和脚本两种方式实现:
还是以新网银行项目为例,结合app中的H5页面来演示一下。
参考:
yapi官网教程: <u>https://hellosean1025.github.io/yapi/documents/index.html</u>
Mock.js的详细内容参考: <u>http://mockjs.com/0.1/#natural</u>
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)