首页 > 其他 > 详细

前端异常监控

时间:2019-12-10 18:25:06      阅读:70      评论:0      收藏:0      [点我收藏+]

  前端监控包括 行为监控、异常监控、性能监控,这里主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己的监控方案,但两者并不分离,因为一个用户在操作应用的过程中如果出现异常,有可能是前端引起,也有可能是后端引起,需要有一个机制,将前后端串联起来,使监控本身统一于监控系统。因此,即使只讨论前端异常监控,其实也不能严格区分前后端界限,而要根据实际系统的设计,在最终的报表中体现出监控对开发和业务的帮助。

  一般而言,一个监控系统,大致可以分为四个阶段:日志采集。日志存储、统计与分析、报告和警告。

技术分享图片

 

 

采集阶段:收集异常日志,先在本地做一定的处理,采取一定的方案上报到服务器。

存储阶段:后端接收前端上报的异常日志,经过一定处理,按照一定的存储方案存储。

分析阶段:分为机器自动分析和人工分析。

  • 机器自动分析:通过预设的条件和算法,对存储的日志信息进行统计和筛选,发现问题,触发报警。
  • 人工分析:通过提供一个可视化的数据面板,让系统用户可以看到具体的日志数据,根据信息,发现异常问题根源。

报警阶段:分为告警和预警。

  • 告警按照一定的级别自动报警,通过设定的渠道,按照一定的触发规则进行。
  • 预警则在异常发生前,提前预判,给出警告。

 

前端异常

  前端异常是指用户使用 Web 应用时无法快速得到符合预期结果的情况,不同的异常带来的后果程度不同,轻则引起用户使用不悦,重则导致产品无法使用,使用户丧失对产品的认可。

 

前端异常分类

 根据异常代码的后果程度,对前端异常的表现分为如下几类

技术分享图片

 

 1、出错:界面呈现的内容与用户预期的内容不符,例如点击进入非目标界面,数据不准确,出现的错误提示不可理解,界面错位,提交后跳转到错误界面等情况。这类异常出现时,虽然产品本身功能还能正常使用,但用户无法达成自己的目标。

 

2、呆滞:界面出现操作后没有反应的现象,例如点击按钮无法提交,提示成功后无法继续操作。这类异常出现时,产品已经存在界面级局部不可用现象。

 

3、损坏:界面出现无法实现操作目的的现象,例如点击无法进入目标界面,点击无法查看详情内容等。这类异常出现时,应用部分功能无法被正常使用。

 

4、假死:界面出现卡顿,任何功能都无法使用的现象。例如用户无法登陆导致无法使用应用内功能,由于某个遮罩层阻挡且不可关闭导致无法进行任何后续操作。这类异常出现时,用户很可能杀死应用。

 

5、崩溃:应用出现经常性自动退出或无法操作的现象。例如间歇性 crash,网页无法正常加载或加载后无法进行任何操作。这类异常持续出现,将导致用户流失,影响产品生命力。

 

异常错误原因分类

1、逻辑错误

  • 业务逻辑判断条件错误
  • 事件绑定顺序错误
  • 调用栈时序错误
  • 错误的操作js对象

 2、数据类型错误

  • 将null视作对象读取 property
  • 将undefined视作数组进行遍历
  • 将字符串形式的数字直接用于加运算
  • 函数参数未传

 3、语法错误

 4、网络错误

  • 网络速度慢
  • 服务端未返回数据单仍 200,前端按正常进行数据遍历
  • 提交数据时网络中断
  • 服务端500错误时,前端未做任何错误处理

 5、系统错误

  • 内存不够用
  • 磁盘塞满
  • 壳不支持API
  • 不兼容

 

异常采集

采集内容

当异常出现的时候

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1

前端异常监控

原文:https://www.cnblogs.com/haishen/p/12018095.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!