![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
michael_ouyang
吾将上下而求索
展开
-
四、前端监控之接入Sentry到项目
一、前端监控之异常监控二、前端监控之方案调研三、前端监控之Sentry的介绍以上是这个专题之前的几篇文章,欢迎观摩。原创 2023-08-28 02:11:35 · 861 阅读 · 0 评论 -
二、前端监控之方案调研
如果公司有这样的财力,支持做整个前端的监控体系,那么还可以琢磨琢磨,但是业务才是企业的生存之道,一般情况下,没有机会给你慢慢的搞一套出来,你不得不寻找其他优质的开源方案。对于一名前端开发工程师来说,也就意味着工作不再局限于前端业务的开发工作,需要有Nginx服务运维能力、实时/离线分析能力、Node应用开发运维能力等等。绝大部分监控系统都是需要收费的,而sentry则是免费的。:还原异常是如何触发的,具体到每一步的操作,返回了什么样的异常,在哪个文件,在第几行代码等等信息。高级版本也是需要收费的!原创 2023-08-27 03:53:09 · 646 阅读 · 0 评论 -
一、前端监控之异常监控
丢点:在浏览器点击跳转时,跳转前的点击上报请求都会进行一个三次握手,如果此时,网络较慢、服务器运行缓慢或者上报请求还在处理阶段,这时,如果页面被卸载了,浏览器都会自动对当前的请求进行abort。一般接口 401 就代表用户未登录,就需要跳转到登录页,让用户进行重新登录,但如果每个请求方法都需要写一遍跳转登录页的逻辑就很麻烦了,这时候就会考虑使用 axios 的拦截器来做统一梳理,同理能统一处理的异常也可以在放在拦截器里处理。这些情况都是非常影响用户体验的,对于用户来说,是难以接受的,用户可能就此流失掉了。原创 2023-08-25 22:54:23 · 1362 阅读 · 0 评论 -
三、前端监控之Sentry的介绍
这么做就是为了智能地帮助我们组合关联的日志信息,减少人工的日志信息的提取工作量,关注一个 issue 首先关注这些聚合的事件。Sentry 还有有很多亮点,比如:敏感信息过滤,release版本跟踪,关键字查找,受影响用户统计,权限管理等(部分可能需要我们通过代码提供内容)可以通过 Sentry 进行问题分配与跟踪。拿JS举例,不仅仅收集详细的用户设备信息,而且记录了用户的操作行为,通过点击了XX按钮,导致的报错。:Sentry 不仅丰富还规范了上下文的内容,也让我们意识到更多的有效内容,提高日志的质量。原创 2023-08-28 00:24:47 · 1511 阅读 · 0 评论