认识

2024年04月11日

柏拉文

越努力，越幸运

一、认识

---

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

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

2. 数据上报

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

4. 消息推送:

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

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

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

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

二、设计

---

在微前端监控里的问题，可以将其归为两类问题： 性能监控、上下文上报

2.1 性能监控

2.2 上下文上报

参考资料

---

从0到1搭建前端监控平台，面试必备的亮点项目

目前为止整理最全的前端监控体系搭建篇(长文预警)

腾讯三面：说说前端监控平台/监控SDK的架构设计和难点亮点？