认识

2024年04月28日

柏拉文

越努力，越幸运

一、认识

---

Web 监控 是一个全链路的监控体系， 包括数据采集、数据上报、数据分析以及根据分析结果进行针对性的调整、消息推送等。

1. 数据采集包括页面性能数据、异常数据、用户行为数据采集的过程

2. 数据上报

3. 数据分析及优化: 性能数据分析、异常数据分析、用户行为数据分析

4. 消息推送:

普通 Web 应用与 QianKun 架构下的微前端应用的差异在于:

1. 性能监控维度: 基于 FP、FCP、LCP 等数据是以整体页面维度来观测的，而微前端架构下需要从子应用维度进行监控，微前端应用性能不可观测

2. 异常数据隔离: 微前端架构下, 无法区分异常来自哪个应用，会出现错误和异常上报混乱

所以, 通过以往的前端监控 SDK 无法帮助用户在采用微前端分治的方案后为其提供有效的监控手段，从而会导致： 微前端应用性能不可观测、错误和异常上报混乱。我们要实现微前端下的监控方案, 必须要解决这两个问题。

二、性能监控维度

---

三、异常数据隔离

---

参考资料

---

使用 Sentry 做性能监控 - 基于 qiankun 的实践篇

使用 Sentry 做异常监控 - 如何优雅的解决 Qiankun 下 Sentry 异常上报无法自动区分项目的问题 ?

微前端接入Sentry的不完美但已尽力的实践总结