一款简单好用的 Mockoon 工具,让 Mock 上手如此简单!

本贴最后更新于 332 天前,其中的信息可能已经物是人非

Mock服务的背景:

在我们的项目里,有很多的场景下,需要做一些Mock:

所以,Mock服务就类似于做汽车碰撞测试,用假人模拟真人一样的,减少成本达到测试的目的。

Mockoon工具

很多mock工具可以造一些Mock的服务出来,我们今天讲的工具是Mockoon,被官方称为:一款在地运行模拟API最简单,最快的解决方案。无需远程部署,无需帐户,并且是开源免费的。而且还可以跨平台支持Windows (exe),Linux和MacOS 。

官网下载地址: https://mockoon.com/,大家可以自行下载和安装。

界面介绍

Mockoon是一个可以通过图形化界面帮我们快速搭建API服务的工具,页面整体结构如下:

Image.png

Mock工具的基础使用: 模拟简单的Get接口请求

第一步:点击这个setting,新建一个接口,配置接口的基本信息:

这样配置完成接口地址的组成部分: localhost:3000/lemon。

Image.png

第二步:配置具体接口的信息,包括接口请求方法,请求的详细地址,还有响应消息:

比如图示案例的详细接口地址就是:http://127.0.0.1:3000/lemon/template。

Image.png

配置接口的响应结果:

Image.png

给接口配置响应状态码①,下拉框可以选择常见的响应状态码

Image.png

做完以上基本配置之后,可以启动mock服务,就可以访问这个项目的接口了:

Image.png

Image.png

Mockoon的进阶使用:

上个样例的请求消息是最简单的get请求,并且没有额外的请求参数和请求头部。如果想要配置一写复杂一些的接口请求,可以怎么操作呢?

第一步: 选择菜单栏里的Headers,点击添加+ 按钮,可以添加请求头

Image.png

第二步: 选择菜单栏里的Data可以可以添加+请求参数,并配置请求参数体如下图所示:

Image.png

第三步: 在Route添加一个接口请求,选择post请求方法,并加上接口地址:

Image.png

第四步: 给这个接口配置响应消息:

Image.png

完成如上配置后,我们使用postman来测试这个mock接口:

Image.png

Image.png

发送请求消息: 配置好对应的请求方法+请求地址+请求头部+请求参数,点击发送后得到响应消息:

Image.png

回帖
请输入回帖内容 ...