前言
- 目前问题：工程师在处理线上问题的时候基本来自于工单，工程师只是被动接收客户发现的问题
- 目前痛点：兼容性问题自测难覆盖、接口报错难复现、问题发现不及时、客户反馈太紧急
技术方案
- badjs
- fundebug
- Sentry
什么是Sentry
Sentry是一个开源的监控系统，可以收集项目中的异常信息，便于开发人员第一时间发现问题，定位问题，解决问题。
Sentry的特点
- 100%开源：源码开放，性能卓越，易于扩展
- 支持主流的编程语言
- 支持Sass版和私有化部署
- 支持多个第三方集成，如gitlab、github、jira、webhook
Sentry的架构
前端应用如何接入Sentry
私有化部署
项目接入
钉钉/邮箱报警
数据埋点指标
- CLS：累积布局偏移
- FID：首次输入延迟
- FCP：首次内容绘制
- LCP：最大内容绘制
- TTFB：首字节时间
参考网址
[1] Sentry官网
[2] Sentry 官方文档
[3] Sentry github网址
[4] 异常监控系统之 Sentry
[5] 神策数据王朋：如何搭建一套高可用的前端异常监控系统？