![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端监控
业火之理
这个作者很懒,什么都没留下…
展开
-
【前端监控】fee kafka filebeat部署笔记
前言本篇是在上一篇nginx打点配置后的基础上制作。fee前面配置了sentry,这sentry相当大,fee是开源的轻量级监控系统。地址https://github.com/LianjiaTech/fee先克隆此仓库修改sdk下打点服务器地址:const feeTarget = 'https://test.com/dig' // 打点服务器,或Nginx地址然后在sdk里build下:cd fee/sdknpm i --registry=https://registry.原创 2020-09-23 10:00:28 · 915 阅读 · 0 评论 -
【nginx】nginx打点服务配置笔记
前言最近惰性太强,逼着自己做乱七八糟配置。。。我还是比较喜欢愉快的写代码。nginx首先安装nginxyum install -y nginx主要配置3个地方:利用nginx自带的empty_gif模块,配置一个空gif服务配置日志格式log_format配置日志存放路径access_log打开nginx配置文件:vi /etc/nginx/nginx.conf复制粘贴:# /etc/nginx/nginx.confuser root;worker_proce原创 2020-09-22 18:09:21 · 399 阅读 · 0 评论 -
【javascript】前端监控学习笔记(二)
前言上一篇主要说了脚本错误捕获,资源加载错误捕获,和promise捕获。本篇记录下接口异常捕获、白屏监测、加载时间、性能指标,卡顿指标,pv。接口异常捕获原理重写xmlhttprequest的open和send方法,使其在上报前进行标记和计时,监听其load、error、about事件,当发生相应的事件进行上报。注意!open事件中进行标记xhr需要排除上报url,否则会发生无限循环。axios同理,可以进行自行封装。排除上报地址后,对应的计时监测和上报。export default原创 2020-06-17 00:25:10 · 507 阅读 · 0 评论 -
【javascript】前端监控学习笔记(一)
前言监控不会,线上嗝屁,赶紧记录下。埋点方案代码埋点嵌入代码形式进行埋点,比如点击事件,在点击时插入一段代码发给服务端,缺点工作量大。可视化埋点将业务代码和埋点代码分离,提供可视化交互页面,在业务代码中自定义增加埋点事件,最后输出的代码耦合了业务代码和埋点代码。缺点是灵活性低。无痕埋点前端任意事件都记录下来,进行上传。优点是采集全量数据,不会出现漏埋误埋。缺点是给数据增加传输和服务器压力。基础原理使用window.addeventListener监听error事件。原创 2020-06-15 19:32:45 · 288 阅读 · 1 评论