基于 Jmeter 的 web 端接口自动化测试平台

random
random
random
订阅者
10318
文章
0
粉丝
测试交流95502字数 812阅读2分42秒阅读模式

简介

基于之前的 react+unittest+flask 的接口自动化平台开发经验,和趟过的坑,我重新开发了这个接口自动化平台。
平台前端采用的 antd+dva+umi 的 antd-pro 模板,结合平台业务设计开发。后端采用的 flask+sqlalchemy+Blueprint,结构化更加清晰,ORM 的数据库操作更加稳定。自动化脚本的执行部分,我采用的是扩展性和针对性更强的 jmeter。
demo

框架

基于 Jmeter 的 web 端接口自动化测试平台-图片1

功能点

  • 批量导入 jmx、har 包生成接口用例
  • 支持前置、后置 beanshell 使用
  • 接口用例分组树形展示
  • 用例编辑失焦自动保存
  • 用例编写提供快捷调试模块
  • 支持多类型参数,json+ 文本两种校验
  • 支持同一个项目中接口参数传递
  • 提供即时任务 + 每日定时任务两种任务集
  • 全局 cookie 管理,全局默认参数,全局请求头设置
  • 可编排的用例执行顺序
  • 测试报告、简要性能结果图表化展示
  • 定时任务执行结果图表化展示,持续监控
  • 首页展示系统全局概要信息
  • docker 一键部署,启动自动同步更新

组件

首页

基于 Jmeter 的 web 端接口自动化测试平台-图片2

项目管理

基于 Jmeter 的 web 端接口自动化测试平台-图片3

定时任务列表

基于 Jmeter 的 web 端接口自动化测试平台-图片4

新建任务

基于 Jmeter 的 web 端接口自动化测试平台-图片5

新建用例&&调试

基于 Jmeter 的 web 端接口自动化测试平台-图片6

即时任务报告

基于 Jmeter 的 web 端接口自动化测试平台-图片7

定时任务报告

基于 Jmeter 的 web 端接口自动化测试平台-图片8

安装

前提:

  • 一个已经在跑的 MySQL 数据库
  • 有个 IAT 库已经导入项目 sql( db 文件在 IAT/server/db_sql/IAT.sql 先新建一个数据库名字为 IAT,在导入上面 sql 即可。)

有特殊网络要求的,可以 download 代码编译部署。如果服务器能连上外网,可以直接通过我已经封装的 docker 镜像安装。

方法 1:Docker 镜像安装

  • 我的镜像中开启了 ssh 服务,你可以通过挂载宿主机的一个端口来登录容器,默认账号为:root,密码为:root
  • 前端我挂载的是 8089,看个人需要设置
  • 命令行末尾参数,需要指定已经配置好的 MySQL

docker 命令安装

已知 Centos 安装的容器会有异常,建议使用其他系统。
优化了原来的容器时区问题,已经启动了的同学也不必担心,把原来的容器停止后,再创建个新的即可,数据是取得数据库,不会变。

# docker run --env PATH=/root/apache-jmeter-5.0/bin:$PATH -t -i -d -p 8089:80 -p 9022:22 --name=iat6 ownerworld/iat:0.0.6  /bin/start.sh "root:root@127.0.0.1:3306"

方法 2:编译安装

这种需要你有一定的运维基础和开发经验。默认你已有 node 和 python 环境。

下载代码

$ git clone https://github.com/t880216t/IAT.git

安装前端依赖

$ cnpm i

打包前端

$ npm run build

生成的 dist 文件夹便是前端部署文件

后端

服务端代码在 server 文件夹中,用的 python flask 框架不需要打包,建议用 gunicorn 启动。(确保你已经在 server 文件夹中)

$ pip install -r requirements.txt
$ gunicorn -w4 -b 0.0.0.0:5000 run:app

废话

本项目开源,欢迎 star,你可以基于自己的需求开发。当然有好的建议或迫切的需要,也欢迎提issues,南京地区非工作时间我也可以提供场外交

 最后更新:2022-10-22
评论  95  访客  95
    • 0x88
      0x88 9

      jm 开源了这么多年,确实比较牛 B

      • shoyancheung
        shoyancheung 9

        按照楼主建议单独安装后,仍然会出现该现象;
        进一步查看并网上搜索,发现为src/pages/document.ejs中关于引用包data-set.min.js访问不成功,因为本地开发环境对网络有所限制;
        寻找 node-moudles 中@antv/data-set/dist中的data-set.min.js并将其拷贝至工程的 public 目录下,并更新document.ejs中<script src=”https://testerhome.com/data-set.min.js”>;
        以上步骤完成后,我这边本地环境可用,仅供参考。

        • 81—1
          81—1 9

          看 log 是依赖有问题,你在工程里单独装下这个库试试。
          $ npm install @antv/data-set

          • shoyancheung
            shoyancheung 9

            麻烦请教个问题

            1.npm run build 和 start 均无报错
            2.跳转到 home 页面后出现

            3.请问是什么原因呢?怎么解决呢?

            • 81—1
              81—1 9

              随意注册个

              • 大大国
                大大国 9

                demo 的账户是多少?

                • Chris Chen
                  Chris Chen 9

                  用例用文件夹来组织的,文件夹/子文件夹和 jmeter 的测试计划/线程组/逻辑控制器是怎么对应的?

                  • 81—1
                    81—1 9

                    暂时没有这个计划,具体是怎样的需求呢。

                    • YangPower海盐
                      YangPower海盐 9

                      有计划 集成 jenkins 么

                      • 81—1
                        81—1 9

                        多谢,比我整理的完善。

                      匿名

                      发表评论

                      匿名网友
                      确定

                      拖动滑块以完成验证