Sentry 前端监控系列

Posted 2021-10-08 十一点我就睡

之前在做前端监控的时候，研究了一下sentry的源码，颇有启发。这次又准备做前端监控，所以借此机会想深入了解一番。但是此之前，我想谈谈自己对前端监控的一些思考。

前端监控到底要监控什么

基于数据驱动原则，我们需要统计线上项目中，用户的行为和使用情况，从而更加贴近用户，为我们的决策提供相应的数据支持，更好地迭代升级我们的产品，创造用户价值。
既然如此，研发同学以及业务方对前端监控的诉求应该有：

1. 主动监控，并提供告警功能
2. 性能数据的采集，并提供慢会话的日志分析
3. 错误，异常数据的采集
4. 能重现用户行为

而目前，对于我们来说，需要做的前端监控包括： 异常监控，指标监控，埋点监控

异常监控

由于前端代码的执行环境非常复杂，很难保证在不同的环境下不出现问题，而且有些问题往往是因为浏览器或者操作的原因，难以复现，所以我们需要收集异常数据，方便快速定位问题。

指标监控

什么是指标呢，我理解的应该是衡量我们项目工程化能力的数据。比如记录FCP作为我们的白屏时间，LCP作为首屏时间等等。通过这些数据我们得知我们是否需要对项目进行优化。

埋点监控

这个主要是与业务相关，比如我们会需要记录我们投放的营销页面的转化率，用户进入我们的页面之后，点击了什么按钮，将页面滚动到了什么位置，等等。用于还原用户行为的信息记录，为业务方提供业务调整的方向和依据。

接下来

因为内容会比较多，所以准备分好几篇文档来阐述。目前要写的有：

• sentry 的前端异常监控方案
• sentry的数据上报机制

// 其他的还没想好，待定中