在开发测试阶段作为开发人员你永远不知道你的测试和产品有什么沙雕操作,他们只会说xxx页面/功能有bug。想要复现也很难。前段时间正好看到了rrweb这个项目,索性基于它实现了定时间隔录制、主动上报、存入数据库、统一查看等功能,可以再项目开发时引入,再也不怕bug复现了。
走过路过先来波start
利用现代浏览器的强大功能还原操作并储存 V1.0.0
实测在windows下安装最新的MySQL8.0会报错,重置密码也不行,原因不明,解决办法是安装MySQL 5.7.25。MAC OS下安装最新版没有问题。
✨ 特性
录制并回放任意 web 界面中的用户操作 前端封装+后端。
开箱即用。
支持跨域。
🖥 支持环境
Linux,MacOS,Windows。
现代浏览器和 IE11及以上。
💽 后端架构
💻 前端架构
http请求默认依赖axios可配置为jQuery以及任何与jQuery结构相同的库
回放页面前端框架使用VUE
📦 安装
安装MySQL并配置./server/mysql.config里的端口号及用户密码。
导入提供的./test.sql文件,每个项目可以建一个表。
进入项目目录。
安装依赖:
npm i #国内使用cnpm
复制代码
启动项目:
node server
复制代