如何使用 MeterSphere 配套的浏览器插件进行接口测试和性能测试

写在前面

经朋友介绍，了解到 MeterSphere 是一款很不错的一站式持续测试产品。加上本身业务也有相应的需求，所有就在公司环境里搭建了一套 MeterSphere。MeterSphere支持一键安装，对于我们开发测试人员来说比较友好。官网对 MeterSphere 介绍如下：MeterSphere 是一站式开源持续测试平台，涵盖测试跟踪、接口测试、性能测试、团队协作等功能，兼容JMeter 等开源标准，有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试，加速高质量软件的交付。附上官网链接：https://www.fit2cloud.com/metersphere/index.html，想了解的小伙伴可以去官网详细了解下。本人比较感兴趣的是 MeterSphere 有配套的浏览器插件，该插件可将用户在浏览器操作时的 HTTP 请求记录下来并生成 JSON 文件和 JMX 文件（JMeter 脚本文件） ，用于在 MeterSphere 中进行接口测试或性能测试。本文主要介绍下如何使用 MeterSphere 配套的浏览器插件。

插件获取

插件可以在github上面直接获取，附上链接：https://github.com/metersphere/chrome-extensions

• 在该项目的 release 页面下载最新版本的 zip 包

• 解压压缩包到本地

插件安装

• 谷歌浏览器输入chrome://extensions/ 进入扩展程序安装界面，打开开发者模式

• 选择「加载已解压的扩展程序」选择解压后的目录进行安装

• 出现如下界面即安装成功

• 为了方便后续使用，我们直接把插件固定起来

使用插件进行录制

• 点击浏览器插件列表中该插件图标，在弹出页面中可以修改录制脚本的名称，高级设置选择录制内容。我这边只选择录制 http 请求，点击录制按钮开始录制。

• 访问需要进行录制的站点，进行正常使用操作，浏览器中的所有网络请求均会被记录下来，当操作完成后，点击插件界面的停止按钮停止录制。本次以录制一个简单的登录场景为例，输入账户密码登录到MeterSphere，执行完成后选择停止录制。

• 点击中间对号图标，即可自动生成 JMX 文件。

 

• 点击右边编辑图标，即可进入在线编辑页面。

• 编辑页面可以直接导出 JMX 和 JSON 文件，也可以进行二次编辑在导出 JMX 或者 JSON 文件。

使用场景

录制产生的 JSON 文件可以进行接口测试，具体操作如下：

• 点击接口测试，进入接口定义页面，点击更多操作，选择导入按钮。

• 选择数据格式为 MeterSphere，点击上传。选择录制产生的 JSON 文件进行上传，点击保存。

• 保存成功后即可看到录制产生的所有 API 接口。

• 我们选择其中的 signin 接口点击执行。

• 勾选环境配置进行测试。

• 测试完成后，我们可以看到得到了我们预期的响应内容。

性能测试

录制产生的 JMX 文件可以用于性能测试，模拟用户登录场景进行性能测试。具体如下：

• 创建性能测试，点击加载 JMX 文件，点击上传 JMX 文件，选择刚才录制生成的 JMX 文件进行上传，勾选此 JMX 文件点击确定。

• 上传成功后，在场景配置可以看到资源文件中显示了此 JMX 文件。

• 点击压力配置，选择压测池，调整并发用户数、压测时长等参数，输入测试用例名称点击保存并执行。

• 等待执行完成后，点击报告即可查看测试概览、请求统计、错误记录、日志详情等结果。

写在最后

不得不说，MeterSphere 配套的浏览器插件真的超级好用，无论是做接口测试还是做性能测试都大大降低了测试人员的上手难度。MeterSphere 除了提供浏览器插件外，关于接口测试还支持从已有文件中导入接口，目前支持的文件格式有MeterSphere、Postman、Swagger、HAR、JMeter。针对 Swagger 格式的接口文档，还提供了通过 URL 导入及定时同步功能。关于性能测试还提供了接口测试直接转性能测试功能，同时支持现有的 JMeter 脚本文件导入功能。作为开源不到一年的产品，做到功能如此强大着实不错，希望 MeterSphere 后面越做越好。