初识Sentry前端监控

时间:2022-05-25 05:44:28来源:od体育网页版 作者:od体育网页版登录

  今早权且读到方神宣告了一篇 sentry(一)初探的著作,恰是我近来需求的,于是己方开首人给家足,搭修了一个属于己方的基于Sentry的前端监控平台。

  客户:为什么我这个页面看不到数据??我:(赶快翻开网站),我这边数据显示寻常!客户:没有啊!我这边看不到!我:(条理不清),可我...我这边寻常的呀客户:BALABALA

  己方开拓呆板明明寻常,到了用户那儿却一大堆题目,这就导致了定位题目绝顶坚苦,总不行正在用户端翻开F12查看负责台有什么舛讹吧!

  Sentry 是一个开源的及时舛讹监控的项目,它扶帮许多端的摆设,网罗 web 前端、办事器端、转移端及其游戏端。扶帮百般说话,比如 python、oc、java、node、javascript 等。也能够利用到百般差异的框架上面,如前端框架中的vue 、angular 、react 等最大作的前端框架。Sentry能够帮帮咱们杀青以下办事:比如,线上有一个bug,代码的某处逻辑的NullPointerException变成了这个题目,Sentry会当即浮现舛讹,并通过邮件或其他基于通告原则的集成通告到合系义务职员,这个通告能够把咱们引入到一个指示板,这个指示板为咱们供应了火速分类题目所需的上下文,如:频率、用户影响、代码那一片面受到影响以及阿谁团队恐怕是题方针全盘者。

  Sentry究竟是怎么实实际时光志监控报警的呢?最先,Sentry是一个C/S架构,咱们需求正在己方利用中集成Sentry的SDK能力正在利用产生舛讹是将舛讹音信发送给Sentry办事端。根听说话和框架的差异,咱们能够抉择自愿或自界说成立分表的舛讹类型申诉给Sentry办事端。

  而Sentry的办事端分为web、cron、worker这几个片面,利用(客户端)产生舛讹后将舛讹音信上报给web,web收拾后放入音讯队伍或Redis内存队伍,worker从队伍中消费数据举办收拾。

  点击右上角的 add new project ,咱们能够创修一个新的项目。

  抉择Vue,再做简便成立,project创修获胜后会跳转到SDK安设方式。

  基于Sentry的前端监控搭修安顿杀青后,咱们就能够及时搜聚前端JS运转中的舛讹以及全体详情,分解后排查题目,关于临盆中偶遇的BUG很有效,初识篇先先容到这里,后续会先容sentry的更多特色,敬请守候。