前端监控 - 前言

一些个人工作中的感悟，以及搭建前端监控系统的初衷。

时间线退回18年，那时候刚工作一年多，主要做的是公司内部的管理系统，个人的发展方向是朝着php架构师去努力的（不想当将军的兵不是好兵），再后来由于公司业务的拓展，部门的扩张，有幸在上司的提携下，混了个主管的岗位（主要负责php以及h5相关的业务项目）

爱之初 - 初识H5
一、开发规范制定 eslint规范 团队css规范 （后来发现扣钱都管不住一部分小伙子）
二、基础类库封装
……

项目正式上线，部分bug测试环节没有发现，生产环境出现异常，由用户上报反馈（有点蛋疼），反思后，做了个简易版的错误上报系统，错误信息存放到db，每天定时查看异常，跟进处理。

后续因为某些原因、没有持续跟进维护。

此次，再次拿起前端监控系统、只是为了给自己找点事情做，给公司用目前是不可能的（想法已上报一年多，至今未通过）……

好了，废话就不说了，直接进入正题

大致分为四篇
一、用户环境篇（基础也是重点）
二、性能监控篇（项目可依此数据进行相应的优化）
三、用户行为篇（用与监听用户行为，分析优化产品）
四、异常上报篇（主要用于上报生产环境项目异常、对应的异常数据、用户debug跟踪、解决异常问题等）

本项目为个人练手项目（基于typescript）,项目拆分：
第一阶段：客户端监控实现阶段
第二阶段：nginx环境搭建阶段【可通过对应的linux命令查看对应的nginx日志】
第三阶段：node搭建对应的管理后台【放在最后的原因，先统计对应的错误数据，只要原始数据在，后续可根据对应的日志进行分析】
ps：前两个阶段基本完成，待完善

参考资料：
《钉钉前端-如何设计前端实时分析及报警系统》
《前端埋点的那些事》
《美团性能分析框架和性能监控平台》
《前端监控和前端埋点》