【源码】基于 JavaScript 的珠峰架构前端监控系统

项目简介

本项目是珠峰架构下的前端监控 SDK，可解决前端应用中问题发现与解决不及时的问题。它能对前端应用的稳定性、用户体验和业务数据进行全面监控，为产品决策提供依据，有助于提升前端工程师技术能力，也为业务扩展提供更多可能。

项目的主要特性和功能

1. 稳定性监控：监控 JS 错误、资源错误、接口错误和白屏问题，及时发现并记录前端应用执行和加载时的异常。
2. 用户体验监控：监测加载时间、TTFB、FP、FCP、FMP、FID 等性能指标，评估用户体验，同时监控卡顿，记录超 50ms 的长任务。
3. 业务数据监控：统计 PV、UV 和页面停留时间，为业务决策提供数据支持。
4. 监控流程完整：包含前端埋点（代码埋点、可视化埋点、无痕埋点）、数据上报、分析计算、可视化展示和监控报警等环节。

安装使用步骤

1. 已下载本项目的源码文件。
2. 在前端项目的入口文件或需要监控的页面中引入该前端监控 SDK。
3. 根据项目需求，在引入 SDK 时配置相关参数，如需要监控的具体事件、上报数据的接口地址等。
4. 正常启动前端项目，SDK 开始自动采集监控数据并上报。
5. 通过可视化展示界面查看采集到的数据，根据设置的报警条件接收异常报警信息。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】