ANT 记录

# 搭建前端监控系统

# 前端监控的意义

前端是直面用户的，服务于用户。一款产品的生命周期并不是止于开发完成交付给用户使用。更重要的在于需要不断的改进迭代以提供更好的用户体验。

改进迭代的依据需要通过前端监控来上报，通过上报的数据分析出产品存在的问题进而不断改进产品。

# 监控上报的几个部分

  • 数据采集与上报： 首先第一步采集上报的数据，例如性能数据，异常数据等。
  • 数据存储： 对于上报的数据进行存储，方便后续分析查询。
  • 分析与统计： 通过对上报数据的分析与统计发现产品中存在的一些问题
  • 按需求进行告警： 对于严重影响产品使用的错误或者其他需要告警的场景，可以设置告警的触发条件也就是告警规则进行告警通知，告知相关人员进行处理。
  • 数据的可视化： 对于一些需要对比分析或者查看变化趋势的数据可以通过可视化面板进行数据的可视化展示，方便数据的查看分析与对比。

下面结合这些要点详细说明每一步做的事情

# 数据采集

首先要知道我们需要采集什么，采集的目标需要反馈出用户真实使用情况，已经影响用户使用的一些因素，通常包括以下几项指标：

  • 页面性能数据
  • js异常数据
  • 资源加载异常数据
  • api 异常请求数据
  • 页面 PV/UV 统计

下面针对这几项在实际代码中实现一下

# 数据上报

如何进行性能上报，性能上报关注的点的是什么。

# 数据存储

#

# 参考资料

← 直方图 （Histogram） →