推荐一款全能测试开发神器!1分钟快速上手!

简介: 推荐一款全能测试开发神器!1分钟快速上手!

1. 说一下背景


在日常开发或者测试工作中,经常会因为下游服务不可用或者不稳定时,通过工具或者技术手段去模拟一个HTTP Server,或者模拟所需要的接口数据。

这个时候,很多人脑海里,都会想到可以利用Mock技术来解决, 当说起Mock,对于发、测试来说,是老生常谈的话题了,之前公众号也分享过很多关于此类的技术文章。市面上Mock工具有很多,比如CharlesFiddler,但这些虽然都能实现Mock,但是在操作上相对来说还是比较麻烦,抓了包才能修改返回结果。并且对于一些复杂的开发测试场景,也很难得到满足。

今天就给大家推荐一款测试开发神器:Mockoon, 它采用的是非侵入式,能够实时修改返回结果。

2. Mockoon介绍


Mockoon 被官方称为:一款在地运行模拟API最简单,最快的解决方案。无需远程部署,无需帐户,并且是开源的。

它是利用Electron构建的,可以在Windows(exe),Linux(deb,rpm,Appimage和Snap)和MacOS(dmg或brew)上使用。官网地址:mockoon.com

下载地址:

https://mockoon.com/#download

功能特点:微信图片_20220526231848.png

从官网中可以看出,Mockoon 是一个可以通过图形化界面帮我们快速搭建 API 服务的工具,并且支持数据模拟、路由解析、跨域访问、HTTPS、自定义延时、Docker 等等各种你想要的功能,同时支持支持 Windows、Mac、Linux,页面整体结构是这样子的:微信图片_20220526231909.png

3. Mockoon基础使用


Mockoon布局,和 PostMan 有异曲同工之妙啊。

微信图片_20220526231933.png

比如,在左侧可以配置一个个请求列表,点进去可以在右侧配置详情,比如配置是 GET 还是 POST 请求,path 是什么,Response Body 是什么,Response Headers 是什么,另外还有一些规则和基础设置。微信图片_20220526232006.png

另外在最上面我可以配置运行的 hostport,然后左上角还有一个运行按钮,一点就相当于启动了 Server 了,启动之后按钮就会变成红色,再按一下就会停止,比如这里我就配置了运行在本地 3000 端口:微信图片_20220526232036.png

然后可以根据自定义需求,修改响应Body

{
  "Templating example": "For more information about templating, click the blue 'i' above this editor",
  "users": [
    {{# repeat (queryParam 'total' '10') }}
      {
        "userId": "{{ faker 'random.number' min=10000 max=100000 }}",
        "firstname": "{{ faker 'name.firstName' }}",
        "lastname": "{{ faker 'name.lastName' }}",
        "friends": [
          {{# repeat (faker 'random.number' 5) }}
            {
              "id": "{{ faker 'random.uuid' }}"
            }
          {{/ repeat }}
        ]
      },
    {{/ repeat }}
  ],
  "total": "{{queryParam 'total' '10'}}"
}

然后接下来配置跨域访问,就加一个 Response Header(根据需要,可选):

Access-Control-Allow-Origin: '*'

然后点击左上角的运行按钮就成了。Mockoon 还提供了快捷访问的功能,接着点右上角的打开按钮:微信图片_20220526232110.png浏览器就打开了,然后数据就看到了:微信图片_20220526232139.png

这样,我们通过非常简单的可视化配置就完成了 API Server 的搭建,熟练的话一分钟就完成了。

4. Mockoon进阶使用


有时,您可能只需要模拟API的一部分,然后将其余部分转发到现有的REST服务器。幸运的是,您可以使用Mockoon做到这一点

通过单击右上角的齿轮来打开环境设置:微信图片_20220526232207.png启用代理模式,然后输入要将转发到的服务器URL。在环境名称的右侧应出现一个小的盾牌图标,指示已启用代理模式:微信图片_20220526232232.pngMockoon将拦截所有已定义的路由,并将任何其他请求转发到代理模式设置中定义的服务器。

浏览器打开: http://0.0.0.0:3000/api/aitest 地址即可拿到结果,body中随时修改内容都会立即生效,不需要再次启动任何东西微信图片_20220526232303.png

打开浏览器访问:微信图片_20220526232331.png

这样一个基本的Mock就实现了,下面我们来说下使用LightProxy工具做代理转发

5. LightProxy工具


5.1 简介


LightProxy 是 阿里巴巴IFE 团队开发的一款基于 Electronwhistle 的开源桌面代理软件,可以自动完成证书安装和代理设置,通过 HTTP 代理使用规则转发、修改每一个请求和响应的内容。

微信图片_20220526232403.png

项目地址:

https://github.com/alibaba/lightproxy

5.2 它能帮你做什么:


  • 抓包,包括无线场景抓包
  • 实时 hosts 绑定
  • 按规则转发资源
  • mock 接口,页面等
  • 修改请求和响应内容,例如在页面中插入 script ,修改返回头等

一句话总结LightProxy是一款全能代理抓包工具,通过基于 whistle 的代理能力,能够任意修改开发环境中的 request 和 response ,够让你随心所欲的掌控自己当前的开发或者测试环境。

本地开发:

git clone https://github.com/alibaba/lightproxy
cd lightproxy
yarn run install-deps
yarn run dev

下载安装:

Windows下载: https://gw.alipayobjects.com/os/LightProxy/LightProxy-Setup.exe
Mac下载: https://gw.alipayobjects.com/os/LightProxy/LightProxy.dmg

5.3 配置转发


以PC端转发为例:

1、打开LightProxy工具,编辑时,会自动提生成安装证书命令,直接复制在命令行中执行即可。

2、新建代理转发规则配置,这就相当于将该域名所有请求转到我本地配置的mock工具上微信图片_20220526232441.png

上述两条规则解释:

同理,此时如果访问https://www.cnblogs.com/users,也同样会转发到localhost:3000上。

这样无论是在手机端或pc端 访问指定域名下所有请求都会转向到对应mock工具中,然后再根据路径和请求类型获取配置的返回结果。

更多例子

1、例如当我们需要在线上页面中加入一个 DIV ,如果没有代理我们需要依赖后端一套类似的预发环境,而有了 LightProxy 我们只需要使用:

https://www.alibaba.com/ htmlPrepend://(<div>test</div>)

就可以在一个线上的页面中插入一个 div 。

2、同样的,我们可以直接把页面中的一个 JS 转发到本地一个开发中的文件

https://www.google.com/xx.js file:///User/xxx/xxx.js

3、当后端缺少 CORS 头时,我们可以直接给它先加上 CORS 头

https://xxx.com/xx.json resCors:// # 给响应的请求增加 CORS header

总体来说LightProxy 能够让开发人员或者测试人员完全掌控自己的开发测试环境,用极低的成本定制自己的开发环境,而不是总是在等待依赖方按照自己的需求提供相应的环境。

甚至于,你可以自己用 NodeJS 书写针对某个规则的响应

更详细使用可参考:

https://github.com/alibaba/lightproxy/issues/19

6. 小结


除此之外,Mockoon 还支持命令行,比如通过 mockoon-cli 就可以快速创建一个 API Server,如图所示:微信图片_20220526232530.png

命令行的使用和安装可以参考:

https://github.com/mockoon/cli#installation

另外无论是Mockoon还是LightProxy,还有太多功能,比如 HTTPS、多请求处理、日志、路由、模板配置这里就不再一一叙述了,用到的时候大家查要文档就好啦

https://mockoon.com/docs/latest/gui-cheat-sheet/
https://mockoon.com/docs/latest/multiple-responses/
https://mockoon.com/docs/latest/requests-logging/
https://mockoon.com/docs/latest/cors/
https://mockoon.com/tutorials/

以上便是今天的分享,干货信息点有点大,大家慢慢消化理解,更多功能期待你的探索!


目录
相关文章
|
2月前
|
数据可视化
可视化神器,必须分享给宝子们,太香了
可视化神器,必须分享给宝子们,太香了
|
5月前
|
SQL JSON 监控
Lim测试平台快速上手教程
Lim测试平台快速上手教程
84 0
|
Web App开发 缓存 小程序
提升微信小程序开发技能:高效实用的开发技巧与工具推荐
本文旨在帮助微信小程序开发工程师提升他们的开发技能,并介绍一些高效实用的开发技巧和工具,以提高开发效率和质量。我们将探讨一系列优化开发流程、提升代码质量、加速调试等方面的技巧,并推荐一些常用的工具,帮助开发工程师更好地进行微信小程序开发。
提升微信小程序开发技能:高效实用的开发技巧与工具推荐
|
JavaScript 前端开发 数据可视化
开发|关于微信小游戏开发的入门心得
开发|关于微信小游戏开发的入门心得
136 0
微信小游戏开发系列教程3-熟悉所使用的游戏制作工具
这一节我们会熟悉一下将要使用的游戏制作工具-微信小游戏制作工具,然后制作出第一个“你好,小游戏”的事例,向小游戏开发世界问好。 欢迎体验我的微信小游戏作品精致1010。
102 0
|
缓存 小程序 数据库
微信小游戏开发系列教程
嗨!大家好,我是小蚂蚁。这里整理了一下公众号中写过的一些教程文章,它们已经帮助过很多人做出了自己的第一款游戏,希望还能够继续帮助更多想要做游戏的朋友,进入游戏开发世界的大门。
461 0
|
Web App开发 JSON 编解码
程序员必备的高效chrome插件
程序员必备的高效chrome插件
299 1
《低代码开发师(初级)实战教程》下载地址
本书基于“低代码开发师(初级)认证”的课程内容,对应课程中请假申请、招聘管理等场景,提供了详细的实践指导,让低代码的初学者快速掌握0代码搭建应用的技能。
42 0
《低代码开发师(初级)实战教程》下载地址
|
开发者 知识图谱
免费下载!《低代码开发师(初级)实战教程》让初学者快速掌握 0 代码搭建应用的技能
“低代码开发师(初级)”让初学者快速掌握0 代码搭建应用的技能,并且能够通过拖拉拽的方式或基于模版创建简单应用。
免费下载!《低代码开发师(初级)实战教程》让初学者快速掌握 0 代码搭建应用的技能
下一篇
无影云桌面