从零开始搭建前端监控平台

陈辰 现任贝壳找房前端架构团队负责人、架构师。在性能监控领域具有多年开发、架构经验，涉猎前端、移动端、后端多个方向，对监控数据的产生、使用有着很高的敏感度。曾供职于百度、阿里巴巴等公司。经常受邀参加各类大型技术会议，是2019年GMTC全球大前端技术大会明星讲师、2019年GIAC全球互联网架构大会讲师、2019年ArchSummit全球架构师峰会讲师。

·前端监控平台搭建入门指南
·前端一线开发真实场景描绘
·前端性能监控经验精华总结

本书从一个前端监控平台的需求来源讲起，逐步拓展到前端监控平台的总体设计，以及前端监控平台的具体开发细节，并给出具体的案例。同时，本书遵守真实的企业开发规范，以解决一线业务监控问题为目标，介绍前端数据收集上报、后端服务器搭建、数据处理等方面知识。

本书以作者开发的一个开源的前端监控平台为原型，强调入门门槛低，一步一步带领读者做出一款前端监控平台，并且提供完整的项目源代码。

第 1章 前端监控平台解决的问题 1
1．1 解决稳定性问题 1
1．2 解决技术产出问题 6
1．3 小结 8
第 2章 我们就是产品经理 9
2．1 定义平台边界 9
2．2 把需求翻译成研发文档 10
2．2．1 用户登录失败 10
2．2．2 服务器页面加载失败 11
2．2．3 混合App内部报错 11
2．2．4 服务器接口返回错误数据 12
2．3 小结 13
第3章 上报数据 15
3．1 自动上报数据 16
3．1．1 错误类型数据 16
3．1．2 性能相关数据 22
3．1．3 环境相关数据 27
3．2 手动上报数据 29
3．2．1 用户行为数据 31
3．2．2 流程错误数据 32
3．3 上报数据的形式 32
3．4 小结 37
第4章 总体设计 39
4．1 业务系统的整体架构 39
4．2 监控平台的整体架构 40
4．3 小结 42
第5章 数据处理 43
5．1 服务器日志 43
5．2 消息系统 47
5．3 临时日志存储 53
5．4 数据存储 60
5．5 指令系统 62
5．5．1 SaveLog指令 64
5．5．2 Parse指令 64
5．5．3 Summary指令 66
5．5．4 WatchDog指令 68
5．6 任务系统 69
5．7 小结 71
第6章 服务搭建 73
6．1 启动一个服务器程序 73
6．2 数据 76
6．2．1 数据库操作工具箱 77
6．2．2 用户接口的依赖数据获取 81
6．2．3 增 82
6．2．4 删、改 84
6．2．5 查 85
6．2．6 数据接口的依赖数据获取 86
6．3 服务器接口 89
6．3．1 路由 90
6．3．2 接口 91
6．3．3 登录相关接口 92
6．3．4 错误相关接口 95
6．3．5 报警相关接口 103
6．3．6 性能相关接口 111
6．4 小结 123
第7章 界面展示 125
7．1 模块划分 125
7．2 配置模块 126
7．3 类库依赖 127
7．4 页面路由 132
7．5 静态资源 144
7．6 数据展示 144
7．6．1 报错主界面展示 145
7．6．2 性能主界面展示 157
7．6．3 报警主界面展示 169
7．7 小结 174
第8章 监控平台的使用 175
8．1 监控平台的使用场景 175
8．2 监控平台本身的挑战 179
8．3 小结 181
附录 Node．js后端处理方案总结 183