线上UI自动化巡检项目是一个线上UI自动化巡检工具，旨在帮助开发人员和测试人员快速、高效地检测线上Web应用的UI界面是否存在异常。通过自动化巡检，可以及时发现并修复潜在的问题，提升用户体验和产品质量。
线上自动化巡检系统功能特点
自动化巡检：定时或实时执行巡检任务，无需人工干预。
多种巡检规则：支持标题对比，页面视觉回归。
实时反馈：巡检结果实时展示，包括问题截图、问题描述和定位信息。
跨平台支持：支持主流浏览器和操作系统，满足不同环境需求。
安装与部署
克隆本项目至本地。
Docker部署，参考 doc/docker 部署手册.md
本地启动
基础环境：nodejs、jdk1.8、maven
mysql: 建表语句db/ddl.sql
online-server springboot项目，安装依赖后，一键启动即可，访问地址：访问地址：http://127.0.0.1:9091/
online-client vue项目，访问地址：http://127.0.0.1:5173/
npm install //安装依赖
npm run dev // 启动
巡检用例录入
点击左侧菜单“H5用例”
点击“新增”按钮
填写用例信息，包括H5页面标题、巡检URL地址、业务线、钉钉/企微/飞书告警群机器人的key值等
提交
巡检规则
每5分钟执行一次巡检任务
巡检内容
页面可用性检测（白屏）
页面像素比对（相似度<60%）
用例执行时长统计
巡检结果
巡检结果将实时展示在指定页面中。
菜单“巡检记录”，可以查看今日巡检记录。
菜单“数据看板”，可以近一段时间用例执行数据。
异常用例告警
页面标题比对错误，告警通知（需配置群机器人key）
页面像素比对相似度<60%，告警通知（需配置群机器人key）
技术栈
编程语言：JAVA
框架：SpringBoot
自动化测试工具：playwright + testNg
数据库：MySQL(5.7)
前端技术：vue3
