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源码学习完整目录

猜你喜欢

转载自blog.csdn.net/weixin_42752574/article/details/114003562