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

本书从实际开发工作中遇到的问题出发，从前端工程师的角度实践从零开始搭建一个前端监控平台。本书共分为8章，第1章和第2章分别介绍搭建前端监控平台的必要性以及如何确定前端监控平台的功能，第3章介绍数据上报的方法，第4章介绍前端监控平台各功能模块的总体设计，第5章介绍相关数据处理工作，第6章和第7章分别介绍后端服务搭建和前端界面搭建，第8章介绍前端监控平台的具体使用场景。 本书内容通俗易懂，实践性强，适合任何对监控平台开发感兴趣的工程师，也适合希望减轻前端监控成本的团队领导者。

陈辰 现任贝壳找房前端架构团队负责人、架构师。在性能监控领域具有多年开发、架构经验，涉猎前端、移动端、后端多个方向，对监控数据的产生、使用有着很高的敏感度。曾供职于百度、阿里巴巴等公司。经常受邀参加各类大型技术会议，是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