web监控系统从0到1
槿畔
95后,热衷前端开发,喜欢专研新技术,有多种类型大型项目经验,先后任职多家公司前端leader ,关注一下互相学习吧。。。
展开
-
web监控系统整体构思
背景: 公司的web系统越来越多,性能分析和错误预防势在必得,市场的监控系统五花八门,收费昂贵,部署自己的服务器甚至出现几十万每年的费用,于是我自己打算开发一个web错误性能监控系统 计划工作: 1.SDK系统;用于信息采集,错误采集 2.server端;信息错误的储存分析,定时任务,通知服务等等(选用nodejs,本职前端好用一点) 3.后台可视化管理系统;用于监控网页性能,错误请求收集等等 设计思路: 最后,开干。。。 ...原创 2020-11-06 22:17:48 · 396 阅读 · 2 评论 -
web线上监控现有产品分析
我们这里取了两个我个人感觉做的还算不错系统做开发参考,他们分别是frontjs 和fundebug 二者各有千秋,frontjs可以对接入sdk的项目进行项目的接口分析,地理位置分析,性能分析,报错监控等等,从宏观考虑的,可以让产品得到很多用户习惯的数据 而fundebug我觉得偏向细致化,第一时间报警线上的问题,并有自己的一个特色功能用户回溯,就是用户使用报错的前后对其进行视频录制,利用了特殊的算法录制dom节点进行回放。 其实按照我们之前的设计,这些都能实现。 下面我们来揭秘一下...原创 2020-12-01 14:57:25 · 204 阅读 · 0 评论 -
sdk监控系统开发
参考部分文献 1.首次给系统建立链接给客户端分配服务id,主要用于建立客户端标识,减少没必要的重复数据。 2. 根据Performance API获取前端性能数据,获取首次页面加载的性能数据 let times = {}; let t = window.performance.timing; //重定向时间 times.redirectTime = t.redirectEnd - t.redirectStart; //dns查询耗时 times.dnsT原创 2020-11-06 22:54:13 · 459 阅读 · 0 评论