基于 HttpRunner + Django + Vue + Element UI 的接口自动化测试平台

这篇具有很好参考价值的文章主要介绍了基于 HttpRunner + Django + Vue + Element UI 的接口自动化测试平台。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目地址

https://github.com/tahitimoon/LunarLink

帮助文档

https://lunar-link-docs.fun

平台简介

基于HttpRunner + Django + Vue + Element UI 的接口自动化测试平台,生产可用。

此外,非常感谢 花菜。没有 AnotherFasterRunner 就不会有 LunarLink 😃

技术栈

  • 🎨 Django
  • 🎶 Django Rest framework
  • 🎉 Vue.js
  • 🎃 Element UI
  • 🏐 django-celery-beat(定时任务)
  • 🎲 Nginx(反向代理,https配置等)
  • 👟 HttpRunner(测试用例执行引擎)
  • 🔒 RabbitMQ
  • 🚚 Redis
  • 💎 MySQL
  • ⛏ Docker

功能模块

  • 登录:账号认证、用户管理、权限管理
  • 项目管理:新增项目、列表展示及相关操作,支持项目看板,显示项目每日、每周、每月不同维度数据
  • 项目概览:项目基本信息,API、测试用例、任务执行总览,每日明细
  • 接口管理:一个API对应后端一个HTTP接口,API可以单独运行,也可以作为一个用例步骤,支持API分组、参数提取、数据断言、变量引用、前后置钩子函数、接口调试、日志显示
  • 接口导入:支持同步YApi (以YApi 做媒介间接支持Swagger、Postman、Har),无需手动录入接口
  • 测试用例:支持分组管理,由多个API组成,支持关联接口的动态参数传递,不区分场景用例和单接口用例,支持同步、异步批量执行,生成测试报告
  • 流量录制:为了适配复杂流程的接口测试场景,打开浏览器,进行一系列操作,就可以得到一个测试用例,不同接口之间的参数自动提取并关联
  • 配置管理:自定义不同配置的请求base_url地址,公共请求头参数、局部变量、前后置钩子函数、参数化内容,API和用例可以选择不同配置执行
  • 全局变量:定义变量供API使用,变量值也可以引用驱动代码中的函数,通用账号、秘钥可以定义在此处
  • 驱动代码:支持Python脚本,定义前后置钩子函数、辅助函数可以轻松实现请求参数签名,加密和解密响应等功能
  • 定时任务:可设置定时任务,遵循crontab表达式,可在线开启、关闭,用例执行支持串行、并行,完成后测试报告推送企业微信
  • 历史报告:保存定时、调试、异步等不同类型的测试报告,可在线查看、筛选、删除,还可查看他人测试报告

在线体验

👩‍👧‍👦 演示地址:http://47.119.28.171:8081

  • 体验账号:test
  • 密码:test2023

准备工作

Python >= 3.9.5 (推荐3.9.x版本)  
nodejs >= 16.0 (推荐最新)  
Mysql >= 8.0.0 (推荐8.0.x版本)  
RabbitMQ >= 3.x-management(默认需要,推荐最新版)  
Redis >= 6.2.6  

前端 ♝

建议使用yarn,项目提供了yarn.lock,使用其他包管理器,容易出现版本依赖问题。

# 克隆项目  
git clone https://github.com/tahitimoon/LunarLink.git  
  
# 进入项目目录  
cd LunarLink/frontend  
  
# 安装依赖  
yarn install --registry=https://registry.npmmirror.com  
  
# 启动服务  
yarn start  
# 浏览器访问 http://127.0.0.1:8888  
# config/index.js 文件可配置启动端口等参数  
# config/dev.env.js 文件可配置后端接口地址  
# config/prod.env.js 文件保持不变  
# 构建生产环境  
# yarn build  

后端 💈

# 克隆项目  
git https://github.com/tahitimoon/LunarLink.git  
  
# 进入项目目录  
cd LunarLink/backend  
  
# 将.env.example文件重命名为.env 并配置相关参数  
mv .env.example .env  
  
# 安装依赖环境  
pip3 install -r requirements.txt  
  
# 执行迁移命令:  
python3 manage.py makemigrations  
python3 manage.py migrate  
  
# 创建管理员用户  
python3 manage.py createsuperuser  
  
# 启动项目  
python3 manage.py runserver  
  
# 开启流量录制代理  
python3 proxy.py  

访问项目

# 登录管理后台,设置账号姓名  
http://127.0.0.1:8000/admin/  
  
# 浏览器打开  
http://127.0.0.1:8888  
用户/密码:管理员用户/密码  
  
# 接口文档地址  
http://127.0.0.1:8000/swagger/  

开启定时/异步任务

# 启动celery,在控制台执行  
celery -A backend worker -B --loglevel=info  

演示图 ✅

tahitimoon/lunarlink,django,vue.js,ui,测试工具

tahitimoon/lunarlink,django,vue.js,ui,测试工具

tahitimoon/lunarlink,django,vue.js,ui,测试工具

tahitimoon/lunarlink,django,vue.js,ui,测试工具

tahitimoon/lunarlink,django,vue.js,ui,测试工具文章来源地址https://www.toymoban.com/news/detail-847239.html

到了这里,关于基于 HttpRunner + Django + Vue + Element UI 的接口自动化测试平台的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Django实现接口自动化平台(十三)接口模块Interfaces序列化器及视图【持续更新中】

    相关文章: Django实现接口自动化平台(十二)自定义函数模块DebugTalks 序列化器及视图【持续更新中】_做测试的喵酱的博客-CSDN博客 本章是项目的一个分解,查看本章内容时,要结合整体项目代码来看: python django vue httprunner 实现接口自动化平台(最终版)_python+vue自动化测

    2024年02月17日
    浏览(40)
  • 以效率为导向:用ChatGPT和HttpRunner实现敏捷自动化测试(二)

    在上一篇文章: 利用ChatGPT提升测试工作效率——测试工程师的新利器(一)中,我们提到了如何通过chatGPT生成单接口测试用例,然后再让chatGPT去根据测试用例去生成接口自动化脚本。本篇文章将详细讲解一下我们团队内部在遇到业务痛点时如何利用Httprunner框架进行接口自动化

    2024年02月08日
    浏览(46)
  • Django实现接口自动化平台(十)自定义action names【持续更新中】

    相关文章: Django实现接口自动化平台(九)环境envs序列化器及视图【持续更新中】_做测试的喵酱的博客-CSDN博客 深入理解DRF中的Mixin类_做测试的喵酱的博客-CSDN博客  python中Mixin类的使用_做测试的喵酱的博客-CSDN博客  本章是项目的一个分解,查看本章内容时,要结合整体项

    2024年02月16日
    浏览(59)
  • HttpRunner自动化测试工具之获取响应数据&extract提取值到变量

    获取响应数据 extract: 提取 注: extract 应与request保持同一层级 1、响应行,响应头;通过 extract 提取响应的数据并存储到变量中,如下图: 注:变量名的前面要有 -  # 获取响应数据: 响应行(200,ok)响应头 - config:     name: 测试百度网站     base_url: https://www.baidu.com - test:

    2024年02月02日
    浏览(62)
  • 从零搭建完整python自动化测试框架(UI自动化和接口自动化)

    总体框架 PO模式、DDT数据驱动、驱动 框架技术选择 框架运行结果 各用例对应的定义方式(PO/DDT) 测试执行结果 从零开始搭建项目 一、开发环境搭建 二、新建项目 三、基础功能实现 1. 配置功能实现(Conf) 2. 日志功能实现(Log) 3. 读取EXCEL实现(data) 4. 邮件发送实

    2024年02月04日
    浏览(65)
  • 从零搭建完整python自动化测试框架(UI自动化和接口自动化

    总体框架 PO模式、DDT数据驱动、驱动 框架技术选择 框架运行结果 各用例对应的定义方式(PO/DDT) 测试执行结果 从零开始搭建项目 一、开发环境搭建 二、新建项目 三、基础功能实现 1. 配置功能实现(Conf) 2. 日志功能实现(Log) 3. 读取EXCEL实现(data) 4. 邮件发送实

    2024年02月07日
    浏览(64)
  • Django+vue自动化测试平台(7)-- 使用Selenium+vue实现WebUI自动化及结果展示

    Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。支持的浏览器包括IE(7, 8, 9, 10, 11),Mozilla Firefox,Safari,Google Chrome,Opera,Edge等。这个工具的主要功能包括:测试与浏览器的兼容性——测试应用程序看是否能够很好得

    2024年02月14日
    浏览(54)
  • 搭建Django+pyhon+vue自动化测试平台

    Django安装 使用管理员身份运行pycharm使用local    检查django是否安装成功     创建项目 cd 切换至创建的项目中启动django项目 启动项目 点击连接跳转至浏览器  更改django为中文settings文件---LANGUAGE_CODE Vue安装 安装cnpm,代替npm指令,速度快        安装vue脚手架         切换至

    2024年02月14日
    浏览(40)
  • Django实现接口自动化平台(九)环境envs序列化器及视图【持续更新中】

    相关文章: Django实现接口自动化平台(八)测试报告reports序列化器及视图【持续更新中】_做测试的喵酱的博客-CSDN博客 本章是项目的一个分解,查看本章内容时,要结合整体项目代码来看: python django vue httprunner 实现接口自动化平台(最终版)_python+vue自动化测试平台_做测

    2024年02月16日
    浏览(43)
  • Django实现接口自动化平台(八)测试报告reports序列化器及视图【持续更新中】

    上一章: Django实现接口自动化平台(七)数据库设计_做测试的喵酱的博客-CSDN博客 下一章: 官方文档: Serializers - Django REST framework apps/reports/serializers.py 1.1.1 代码解释: 1、  exclude: You can set the  exclude  attribute to a list of fields to be excluded from the serializer. For example: 2、read_o

    2024年02月09日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包