Postman 下的mock

Postman 下的mock,第1张

用了很多年postman 还没使用过postman自带的mock,现把使用过程记录下来,方便以后查看。

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>


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/699652.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-03
下一篇2023-08-03

发表评论

登录后才能评论

评论列表(0条)

    保存