一站式全栈可观测平台,在一个网站就可以监控你的前后端
包含指标 日志 trace 调用图 session&replay 告警等功能
指标:比如说服务的请求量,成功率等等
日志:服务运行日志,自定义日志
调用图:查看多个服务之间的调用关系
trace: 全链路追踪接口调用
sessionReplay: 可以像视频一样查看用户当时的页面
我是前端负责人,负责项目设计,使用 React+ts+Vite+antd 作为技术开发栈
前端监控 sdk owner
难点:
1. trace 可能包含上万个 span,渲染性能低下
使用虚拟渲染+动态高度计算
2. 如果同时支持展示几万个图表?同时展示,内存肯定要爆,但是直接使用虚拟渲染,图表重绘性能低
解决办法:动静结合,使用 canvas 指令录制缓存生成静态图,先展示静态图,再生成真实图表