我们平常收集错误，大部分人、公司都采用的Sentry来收集，当然也有好多公司也有自研的前端监控。趁着最近我们组刚好要接入Sentry，并且要根据自己的调研来做一次分享。所以就总结出了下面的内容。

每一层的监控的侧重点都有所差异，本篇文章把范围限定在“前端应用监控(不含node，node实际上可以归为‘后端服务监控’)”。 前端应用程序监视是一个相对较新的术语，用于描述开发人员，工程师和产品所有者用来跟踪，维护和修复Web应用程序，本机应用程序和网站的工具。前端应用程序监…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 1. 直播中已回答问题 2. 直播中未回答问题 Q:请教清音：数据一致性实行如何保证的。针对单一用户大量上报数据如何保证\? 1. 直播中已回答问题 2.…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 在去年，有过一次文字版的分享，当时系统还没有完全建设成型，大家可以结合这两篇一起看： 技术探索：60 天急速自研-前端埋点监控跟踪系统大浪子。 第六部分：…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

我们使用 window.onerror 捕获一般情况下 JS 错误的异常信息。 try...catch.. 埋点模式 - 调用埋点SDK的函数，在需要埋点的业务功能上去调用接口上报埋点数据，也可使用第三方的数据统计服务商友盟等。

日志的框架比较丰富，由于spring boot对logback的集成，因此推荐使用logback在项目中使用。

一般一个完整的前端项目需要包含异常监控，我们需要在项目出现异常的时候第一时间通知到我们开发，然后及时修复bug。 常见的js原生错误，主要包含语法错误(SyntaxError)、引用错误(ReferenceError)、类型错误(TypeError)和范围错误(RangeErr…

微服务监控主要分为两部分，一部分是对微服务本身的监控，另一方面是对整个调用链的监控。目前，我们主要采用dubbo作为rpc框架，所以下面重点介绍dubbo监控。 对于配置了监控的服务，会收集一些方法的基本统计信息。 DubboMonitor对收集到的数据进行简单统计，诸如成功次…