要是咱们辛辛苦苦做了一个网站,甭管是花里胡哨的还是简洁大气的,结果上线之后,用户频频爆粗口,遇到这种问题,总不能靠感觉去修复吧?所以,得靠工具来监控性能,这样才能及时知道问题在哪儿,掐住bug的小脖子。
今天给大家分享一个超级酷炫的开源项目 - webfunny_monitor ,相信它会让你的前端监控工作变得轻松愉快!
项目简介
webfunny_monitor 是一款轻量级的前端性能监控和埋点系统,它支持私有化部署,简单易用。这个系统不仅能实时监控前端性能,还能分析前端健康状态,支持PC前端、H5前端、微信小程序、uni-app等多种平台。
这个项目在Github上已经收获了 5.2k+ 的star,可见其受欢迎程度!目前,像中国太平、药明康德、三一重工这样的知名企业都已经在使用它。
性能特色
快速安装部署
想要快速上手webfunny_monitor?步骤很简单:
1、克隆项目:
git clone https://github.com/a597873885/webfunny_monitor.git
2、安装依赖:
npm install && npm run bootstrap
3、安装pm2(如果还没有安装的话):
npm install pm2 -g
4、运行程序:
npm run prd
5、访问页面:打开浏览器,访问
http://localhost:8008/webfunny_center/main.html ,就可以看到webfunny_monitor的监控界面了。
另外也支持docker部署,详细可以查看官方文档。
docker run -it --rm -d --name webfunny \
-p 8010:8010 \
-p 8011:8011 \
-v 映射目录:/app/webfunny.config/ \
webfunny/webfunny_monitor:版本号
项目体验展示
webfunny_monitor的炫酷大屏绝对让你眼前一亮!一站式的数据可视化展示平台,自由部署,实时数据,项目运行状态和健康状态尽在掌握。
不仅如此,还有精细化的错误分析、用户行为记录、性能分析等功能,让你的监控工作事半功倍。
用户行为记录
不得不说, webfunny_monitor 是一款专为前端开发打造的监控系统,它功能强大、使用便捷,能够帮助前端开发者轻松解决线上问题,提升开发效率。