前端监控

106 阅读1分钟

数据采集

  • PV监控:页面切换后新的url、页面切换原因
  • JS错误:错误对应类型、描述、行列号、堆栈,错误发生前的用户交互、错误的上下文等等
  • 性能监控:页屏加载各个阶段耗时、各性能指标、SPA切换耗时、longtask等等
  • 请求监控:请求的路径、状态码、请求头和响应头、请求各个阶段耗时等等
  • 白屏监控:摆平发生的页面、关联的异常、相关的上下文等等
  • 静态资源监控&&用户行为监控&&自定义监控....

组装上报

  • .基础信息包装:页面路径、页面标识、全局context、部署版本、网络等等
  • 采样逻辑
  • 用户自定义包装逻辑执行:比如补充更多上下文、数据脱敏等
  • 队列暂存&&聚合发送
  • sendBeacon:在页面关闭时发送请求,不阻塞页面的卸载

清洗存储

  • user-agent解析:浏览器版本、系统版本、机型、设备品牌等等
  • IP解析:地区、省份、城市、运营商、地理位置等等
  • 分类型落表落库
  • 处理JS错误:堆栈归一化、堆栈反解析
  • clickhouse存储

数据消费

  • 总览分析
  • 各功能模块消费视角&&多维分析
  • 单点查询,针对用户全生命周期上报数据的重建展示
  • 数据订阅&&实时报警
  • issue管理&&归因分析