前端异常监控系统的落地

作者/分享人:小爝
前端开发工程师,曾在阿里,新浪,国美等公司负责前端开发工作。

在后端服务中错误或者业务日志的记录是非常常见的一种习惯,可以帮助开发者快速定位系统的状态、追查 bug,了解异常情况等。但是反观前端开发领域,成型的日志或者监控系统就非常的少见。

本场 Chat 我将总结和分享我们在国美最新开发的一个新项目GER,gome error report 项目,它分为了三个部分:前端监控 sdk 的开发;后端报表系统的统计以及权限的划分设计开发;接口部分借助 ElasticSearch 的 API 做实时查询。文章将分享一个错误监控 sdk 的设计方案和实现原理,从产品的角度如何开发一个常见的系统工具类后台,还有 ElasticSearch 的部分使用讲解。

实录提要:

  • 是否考虑到行为回溯?能否不依赖redux框架实现通用的行为回溯呢?
  • 如何入门前端监控,以及有没有什么好的教程推荐?
  • 监控指标参数如何考量,常用的指标有哪些?
  • 有比较好的,对代码侵入性较低的打点方案吗?
  • 推荐下跨浏览器兼容自动化测试的方案?
已有316人预订
预订达标
文章出炉
交流日期
     
03月15日
03月29日
04月05日 20:30
查看文章评论/提问
BIN
受益匪浅,学习了。像我司的前端监控系统,需求还包括开发人员埋点上传业务动作等,对于技术栈不统一的多产品线,前端SDK可以通过什么方式去规避可能存在的冲突问题和性能问题?
小爝: 这个可以在chat中深入讨论下 我们也是会有埋点和业务需求在一起,这个我也可以分享下之前的经验
志刚
噢,原来我是你的优乐美
Hex
文章很赞!学习了
卿本佳人
终于出来了,等好久了
mrchanandlerbong
求代码地址
小爝: 等交流那天会有开源项目地址发出来
干珺
学习了,之前公司也在搞前端监控,一个是sdk的实现形式,一个是错误定位,这两点也是考虑了很久。
you.we.i
学习学习
ZzZzzz...
哈哈,学习了,快点开源出来~
黄子毅
问: 有没有考虑到行为回溯?能否不依赖redux框架实现通用的行为回溯呢。
黄子毅
异常监控往往会肩负着远程调试的功能,我们有做过根据用户id打开远程log功能,通过连接chrome实时收集某个用户的详细行为
姬光
请问在移动端远程定位问题方面,尤其是用户侧偶发的问题监控上面有什么好办法吗?这种往往是某个用户的手机忽然有奇葩的问题,客服可能只能搜集大概的机型和操作,但是有的时候就是不知道为什么。我想除了前面提到的上报console.log,ua等,可能还需要远程开启记录用户行为的功能,以及和外部系统比如微信jsapi的交互结果等?
卿本佳人
作为一个对前端监控的小白来说,如何入门前端监控,以及有没有什么好的教程推荐?
Villins
监控指标参数如何考量,常用的指标有哪些?
Trace🎾
类似的,有什么比较好的,对代码侵入性较低的打点方案?
周周
我想请问 如果前段端是vue2+elementui,我您这套监控规则的落地方法需要做哪些调整,?谢谢!
灵魂腹肌猫
异常监控的sdk和前端数据埋点的sdk是统一起来的嘛?因为觉得这两种共通点很多,比如数据上报的逻辑可以抽出来,如果是用那种一核心多插件的机制来实现前端统一sdk感觉会好很多。 还有一个就是异常监控有没有提供一个开发者接口?比如try catch会影响性能,但是开发者可以自己捕获错误,通知给异常监控的sdk,然后通过sdk上报错误信息。
君剑
可否推荐下跨浏览器兼容自动化测试的方案,谢谢!
sundy
什么时候来源呢?期待中
你可能还喜欢
Service Mesh 在华为公有云的实践
田晓亮
从零开始,搭建 AI 音箱 Alexa 语音服务
Mike
Web 安全恩仇录:再谈逻辑漏洞
肖志华
编程和数学基础不佳如何入门人工智能?
赵宁|Neal
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限)
雅X共赏
智能增长:如何用大数据和人工智能实现业务体量的增长
蒋凡
微信扫描登录