web页面录制与回放全栈小项目

你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特
《人生果实》经典语录

技术栈

前端

Vue

后端

Node Egg

数据库

mongo

录制与回访实现

rrweb websocket

相关文档

rrweb：打开 web 页面录制与回放的黑盒子 rrweb - GitHub

rrweb中文文档

rrweb使用指南

WebSocket - 网络通信协议

MongoDB 常用命令汇总

egg-websocket-plugin node里这个插件没引入成功，后面改用ws

项目代码

web页面录制与回放全栈小项目代码仓库
拉一下仓库，跟着README.md文档操作，本地安装一下依赖，就可以跑起来

项目效果

本地启动

前端

项目路径

rrweb/rrweb-web

安装依赖

npm install

或者

yarn

跑服务

npm run serve

或者

yarn serve

后端node

项目路径

rrweb/rrweb-node

安装依赖

npm install

或者

yarn

启动服务

npm run start

或者

yarn start

停止服务

npn run stop

或者

yarn stop

---

谢谢你阅读到了最后~
期待你关注、收藏、评论、点赞~
让我们一起 变得更强

推荐阅读

Vue源码学习完整目录