H5W3
当前位置:H5W3 > JavaScript > 正文

【JS】Sentry 前端监控系列

Sentry 前端监控系列

kelly发布于 今天 05:14

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

前端监控到底要监控什么

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

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

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

异常监控

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

指标监控

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

埋点监控

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

接下来

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

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

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

javascript前端监控sentry
阅读 39更新于 今天 05:18
本作品系原创,采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议

一期一会
前端
avatar

kelly
61 声望
3 粉丝

0 条评论
得票时间

avatar

kelly
61 声望
3 粉丝

宣传栏

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

前端监控到底要监控什么

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

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

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

异常监控

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

指标监控

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

埋点监控

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

接下来

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

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

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

本文地址:H5W3 » 【JS】Sentry 前端监控系列

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址