一些个人工作中的感悟,以及搭建前端监控系统的初衷。
时间线退回18年,那时候刚工作一年多,主要做的是公司内部的管理系统,个人的发展方向是朝着php架构师去努力的(不想当将军的兵不是好兵),再后来由于公司业务的拓展,部门的扩张,有幸在上司的提携下,混了个主管的岗位(主要负责php以及h5相关的业务项目)
爱之初 - 初识H5
一、开发规范制定 eslint规范 团队css规范 (后来发现扣钱都管不住一部分小伙子)
二、基础类库封装
……
项目正式上线,部分bug测试环节没有发现,生产环境出现异常,由用户上报反馈(有点蛋疼),反思后,做了个简易版的错误上报系统,错误信息存放到db,每天定时查看异常,跟进处理。
后续因为某些原因、没有持续跟进维护。
此次,再次拿起前端监控系统、只是为了给自己找点事情做,给公司用目前是不可能的(想法已上报一年多,至今未通过)……
好了,废话就不说了,直接进入正题
大致分为四篇
一、用户环境篇(基础也是重点)
二、性能监控篇(项目可依此数据进行相应的优化)
三、用户行为篇(用与监听用户行为,分析优化产品)
四、异常上报篇(主要用于上报生产环境项目异常、对应的异常数据、用户debug跟踪、解决异常问题等)
本项目为个人练手项目(基于typescript),项目拆分:
第一阶段:客户端监控实现阶段
第二阶段:nginx环境搭建阶段【可通过对应的linux命令查看对应的nginx日志】
第三阶段:node搭建对应的管理后台【放在最后的原因,先统计对应的错误数据,只要原始数据在,后续可根据对应的日志进行分析】
ps:前两个阶段基本完成,待完善
参考资料:
《钉钉前端-如何设计前端实时分析及报警系统》
《前端埋点的那些事》
《美团性能分析框架和性能监控平台》
《前端监控和前端埋点》