当前位置: 首页 > news >正文

二、前端监控之方案调研

前端监控体系

一个完整的前端监控体系包括了日志采集日志上报、日志存储、日志切分&计算、数据分析、告警等流程。

对于一名前端开发工程师来说,也就意味着工作不再局限于前端业务的开发工作,需要有Nginx服务运维能力、实时/离线分析能力、Node应用开发运维能力等等。

以下是一张完整的监控流程图:

在《前端监控之异常监控(一)》里面,主要讲述的是日志采集日志上报这2部分,这些是前端需要做的部分。

但是,后面还有很多事情需要后端来实现。

1、日志接收建设后端应用,提供日志上报接口给到采集SDK

2、数据发布后端应用接收到的日志后处理成可被实时流计算处理的流式数据,如DataHub、SLS、Kafaka等

3、日志处理流计算平台对流式数据进行实时处理,可基于Flink、Spark、Storm等

(1)日志数据分析基于样本的实时分析:基于OLAP数据库进行实时分析,如阿里云Hologres、Hive、Kylin等

(2)日志数据汇总计算将原始日志实时汇总计算成指标(如错误率)后存入OLTP数据库,如阿里云RDS、GaussDB、TBase等

4、监控告警建设前台应用,实现监控、告警

5、行为回放:还原异常是如何触发的,具体到每一步的操作,返回了什么样的异常,在哪个文件,在第几行代码等等信息。

如果公司有这样的财力,支持做整个前端的监控体系,那么还可以琢磨琢磨,但是业务才是企业的生存之道,一般情况下,没有机会给你慢慢的搞一套出来,你不得不寻找其他优质的开源方案。

成熟方案

市面上有很多成熟的方案可供选择:Sentry、FunDebug、ARMS(阿里)等等。但不论哪种系统的体系都基本是符合上文所讲到的体系。

这里选择使用的是 Sentry 的开源版本。

为什么选择Sentry

主要是因为一个字:钱!绝大部分监控系统都是需要收费的,而sentry则是免费的。其次是开源的,再看看star数量。

注意:sentry免费也只是普通版本。高级版本也是需要收费的!!另外开源协议使用的是Apache!

 

参考资料

Apache开源协议:https://baike.baidu.com/item/Apache/6848636?fr=ge_ala

https://juejin.cn/post/6936562262480158728

http://www.lryc.cn/news/141067.html

相关文章:

  • npm 创建 node.js 项目
  • JMeter性能测试(上)
  • 自定义date工具类 DateUtils.java
  • Linux(Ubuntu)安装docker
  • Apache Poi 实现Excel多级联动下拉框
  • 常见的 HTML<meta> 标签的 name 属性及其作用
  • 【网络安全】理解报文加密、数字签名能解决的实际问题
  • linux中安装nodejs,卸载nodejs,更新nodejs
  • 浅谈Python网络爬虫应对反爬虫的技术对抗
  • 代理池在过程中一直运行
  • 基于Java+SpringBoot+Vue前后端分离党员教育和管理系统设计和实现
  • 【flutter直接上传图片到阿里云OSS】
  • 【MySQL系列】表的内连接和外连接学习
  • C语言日常刷题 3
  • .net6中, 用数据属性事件触发 用httpclient向服务器提交Mes工单
  • sin(A)的意义
  • ctfshow-web14
  • 数据结构—循环队列(环形队列)
  • vue3 实现按钮权限管理
  • C语言练习4(巩固提升)
  • 将AI融入CG特效工作流;对谈Dify创始人张路宇;关于Llama 2的一切资源;普林斯顿LLM高阶课程;LLM当前的10大挑战 | ShowMeAI日报
  • Vue2学习笔记のVue中的ajax
  • C# 使用NPOI操作EXCEL
  • 分布式 - 服务器Nginx:一小时入门系列之 return 指令
  • 【Linux】ext4和xfs扩大,缩小lv后,无法识别如何操作
  • 基于HarmonyOS ArkUI实现音乐列表功能
  • Android系统启动流程 源码解析
  • 【头歌】构建哈夫曼树及编码
  • 创建本地镜像
  • 网络编程套接字(2): 简单的UDP网络程序