当前位置： 首页 > news >正文

Vue接口平台小功能——发送报告到飞书

news 2025/8/13 12:10:46

前置准备

  1. 需要在飞书群聊中，添加一个机器人，获取webhook地址。

  2. 自定义需要发送的卡片样式 https://open.feishu.cn/cardkit
    例如：我搭建了一个如下样式
    在这里插入图片描述

后端代码实现


def feishu_send_message(result, id, info,url=feishu_url):object_list_1 = result['results']# print(object_list_1)headers = {"Content-Type": "application/json"}payload_message = {"msg_type": "interactive","card": {"config": {"wide_screen_mode": True},"i18n_elements": {"zh_cn": [# {#     "tag": "markdown",#     "content": "**数据总览** ",#     "text_align": "left",#     "text_size": "heading"# },{"tag": "markdown","content": f":OnIt:**任务名**: {info['task']}","text_align": "left","text_size": "heading"},{"tag": "markdown","content": f":VRHeadset:**执行环境**: {info['env']}","text_align": "left","text_size": "heading"},{"tag": "column_set","flex_mode": "bisect","background_style": "default","horizontal_spacing": "8px","horizontal_align": "center","columns": [{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "default","elements": [{"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "grey","elements": [{"tag": "markdown","content": ":DONE:总用例数","text_align": "center","text_size": "normal"},{"tag": "column_set","flex_mode": "none","horizontal_spacing": "default","background_style": "default","columns": [{"tag": "column","elements": [{"tag": "div","text": {"tag": "plain_text","content": f"{result['all']}","text_size": "heading","text_align": "center","text_color": "default"}}],"width": "weighted","weight": 1}]},{"tag": "markdown","content": "<text_tag color='blue'>总共100%</text_tag>","text_align": "center","text_size": "normal"}],"weight": 1}],"margin": "0px 0px 0px 0px"}],"weight": 1},{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "default","elements": [{"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "grey","elements": [{"tag": "markdown","content": ":PRAISE:成功用例数","text_align": "center","text_size": "normal"},{"tag": "column_set","flex_mode": "none","horizontal_spacing": "default","background_style": "default","columns": [{"tag": "column","elements": [{"tag": "div","text": {"tag": "plain_text","content": f"{result['success']}","text_size": "heading","text_align": "center","text_color": "green"}}],"width": "weighted","weight": 1}]},{"tag": "markdown","content": f"<text_tag color='green'>成功率{format(result['success'] / result['all'] * 100, '.2f')}%</text_tag>","text_align": "center","text_size": "normal"}],"weight": 1}],"margin": "0px 0px 0px 0px"}],"weight": 1},{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "default","elements": [{"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "8px","background_style": "grey","elements": [{"tag": "markdown","content": ":SHOCKED:失败用例数","text_align": "center","text_size": "normal"},{"tag": "column_set","flex_mode": "none","horizontal_spacing": "default","background_style": "default","columns": [{"tag": "column","elements": [{"tag": "div","text": {"tag": "plain_text","content": f"{result['fail'] + result['error']}","text_size": "heading","text_align": "center","text_color": "red"}}],"width": "weighted","weight": 1}]},{"tag": "markdown","content": f"<text_tag color='red'>失败率{format((result['fail'] + result['error']) / result['all'] * 100, '.2f')}%</text_tag>","text_align": "center","text_size": "normal"}],"weight": 1}],"margin": "0px 0px 0px 0px"}],"weight": 1}],"margin": "16px 0px 0px 0px"},{"tag": "hr"},{"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "center","vertical_spacing": "8px","background_style": "default","elements": [{"tag": "markdown","content": "**本次运行测试场景**","text_align": "left","text_size": "normal"}],"weight": 1}],"margin": "16px 0px 0px 0px"},]},"i18n_header": {"zh_cn": {"title": {"tag": "plain_text","content": "接口测试任务报告"},"subtitle": {"tag": "plain_text","content": f"时间：{str(datetime.datetime.now().strftime('%Y-%m-%d'))}"},"template": "blue","ud_icon": {"tag": "standard_icon","token": "approval_colorful"}}}},}for data in object_list_1:payload_message['card']['i18n_elements']['zh_cn'].append({"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "center","vertical_spacing": "8px","background_style": "default","elements": [{"tag": "markdown","content": f"{data['name']}","text_align": "center","text_size": "normal"},{"tag": "column_set","flex_mode": "none","background_style": "default","horizontal_spacing": "8px","horizontal_align": "left","columns": [{"tag": "column","width": "weighted","vertical_align": "top","vertical_spacing": "4px","background_style": "grey","elements": [{"tag": "markdown","content": f"该场景总用例数\n{data['all']}","text_align": "center","text_size": "notation"}],"weight": 1,"padding": "0px 0px 12px 0px"},{"tag": "column","width": "weighted","vertical_align": "top","background_style": "grey","elements": [{"tag": "markdown","content": f"该流程下执行成功用例数\n{data['success']}","text_align": "center","text_size": "notation"}],"weight": 1},{"tag": "column","width": "weighted","vertical_align": "top","background_style": "grey","elements": [{"tag": "markdown","content": f"执行失败用例数\n{data['fail'] + data['error']}","text_align": "center","text_size": "notation"}],"weight": 1}],"margin": "16px 0px 0px 0px"}],"weight": 1,"padding": "0px 0px 0px 0px"}],"margin": "16px 0px 4px 0px"})payload_message['card']['i18n_elements']['zh_cn'].append({"tag": "hr"})payload_message['card']['i18n_elements']['zh_cn'].append({"elements": [{"content": f"[详细用例执行情况请网页查看](http://172.xx.xx.xx:8080/#/records/report/{id})","tag": "lark_md"}],"tag": "note"})res = requests.post(url=url, headers=headers, data=json.dumps(payload_message), )print(res.json())return res.json()

后端代码，前端只需要传入record_id

@router.post('/send_report', summary='发送报告到飞书')
async def send_report(item: SendReportForm):# print(item)record_id = int(item.record_id)result = await TestReport.get_or_none(record_id=record_id)record = await TestRecord.get_or_none(id=record_id).prefetch_related('task', 'env')info = {"id": record.pk,"task": record.task.name,"env": record.env.name,"tester": record.tester,"all": record.all,"success": record.success,"fail": record.fail,"error": record.error,"pass_rate": record.pass_rate,"run_time": record.run_time,"status": record.status,"create_time": record.create_time}feishu_send_message(result.info, record_id, info, feishu_url)

前端代码实现

前端只需要增加一个按钮，再配合点击事件

 <el-button type="primary" @click="sendReport">发送测试报告到飞书</el-button>//js
async function sendReport() {const response = await http.task.sendReportApi(route.params.id)if (response.status === 200){ElMessage({message: '发送成功',type: 'success',duration: 3000})}
}

在这里插入图片描述

飞书app得到的结果

请添加图片描述
点击最顶部的详情链接，可以打开网页查看获取详情。

http://www.lryc.cn/news/618945.html

相关文章：

  • AWT与Swing深度对比：架构差异、迁移实战与性能优化
  • Unity数据可视化图表插件XCharts
  • Elasticsearch JS 自定义 ConnectionPool / Connection / Serializer、敏感信息脱敏与 v8 平滑迁移
  • python调研本地 DeepSeek API的例子
  • NLP—词向量转换评论学习项目分析真实案例
  • 【Vue 3 响应式系统深度解析：reactive vs ref 全面对比】
  • 【实时Linux实战系列】基于RFID的实时资产追踪系统
  • 当赞美来敲门：优雅接纳的艺术
  • 21.Linux HTTPS服务
  • GitHub的简单使用方法----（5）
  • 文件IO的学习
  • 论文Review 激光动态物体剔除 Dynablox | RAL2023 ETH MIT出品！
  • web前端第二次作业
  • 5G专网项目外场常见业务测试指南（六）-PingInfoView
  • 衡石HENGSHI SENSE6.0亮点功能-应用创作
  • 衡量机器学习模型的指标
  • HDI 线路板，如何突破普通线路板局限？
  • 基恩士3D视觉用于ABB机器人的KeyenceRobotVisionSetup.sys系统模块程序解析（九、KeyAbsMove）
  • centos 7 如何安装 ZipArchive 扩展
  • 百胜软件×华为云联合赋能，“超级国民品牌”海澜之家新零售加速前行
  • C语言栈的实现
  • NY198NY203美光固态闪存NY215NY216
  • 计算机毕设不知道选什么题目？基于Spark的糖尿病数据分析系统【Hadoop+Spark+python】
  • 鲲鹏arm服务器安装neo4j社区版，实现图书库自然语言检索基础
  • 25C机场航班调度程序（JS 100）
  • Neo4j Cypher
  • RK3568 Linux驱动学习——Linux LED驱动开发
  • Linux NAPI 实现机制深度解析
  • 【Oracle APEX开发小技巧16】交互式网格操作内容根据是否启用进行隐藏/展示
  • 2025年渗透测试面试题总结-16（题目+回答）