本文是关于前端异常监控实践的记录，从异常采集、到上报、存储、查看的方案，整个采集系统技术方面分为采集SDK，展示平台、后端服务三部分

原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 sentry 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

简介 Sentry 是一个开源的实时错误监控的项目，支持多端的配置，包括 web 前端、服务器端、移动端及游戏端。 支持各种主流语言，例如 python、oc、java、node、javascript

如果发现 bug 的时机越早，那么修复成本就越低。通过对应用中的错误或异常进行监控和自动反馈，有助于我们尽早发现隐蔽的问题，提升产品质量和研发效率。

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列的文章我将结合官网api与流程图的方式，通俗易懂地讲解整个流程。 说明：packages/browser/…

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

本文不会过多的阐述一个监控系统的架构，前端错误有哪些，如何捕获，后端如何过滤处理信息等等。本文专注于如何构建监控 SDK。 老板某天突发奇想，想看下产品的运行情况。突然一个白屏，气冲冲的打电话给小明，对着小明就是一顿暴扣，指责小明产品为啥会白屏。不巧，小明正在跟女朋友进行约会，…