childrentime / error-aggregation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

写作大纲

  1. 开篇:什么是前端错误监控,它有什么用

  2. 流程: 怎么做前端错误监控,涉及到哪些环节

  3. 前端: 错误的几种事件类型 如何做全局错误拦截?

  4. 前端: 使用标准化的库进行错误处理?

  5. 前端: 错误上报的几种方案对比

  6. 前端: sourcemap的作用,怎么使用sourcemap文件还原错误现场

  7. 前端: 写一个vite插件,在build的时候上传sourcemap到内网

  8. 前端: 写一个vite插件,在build的时候根据 git commit hash注入到html中

  9. 后端: 接收sourcemap并且按照commit hash存储最多10份sourcemap

  10. 后端: 解析错误堆栈并且返回相关上下文

  11. 后端: 收集前端错误并且聚合

  1. 后端:根据时间段查询所有错误 接口编写

  2. 后端: 定时错误监控告警

  3. dashboard: 绘制错误表格

  4. dashboard: 绘制错误曲线图

  5. dashboard: 添加定时刷新功能

  6. dashborad: 绘制sourcemap反解堆栈信息

  7. 结束语: .........

About


Languages

Language:TypeScript 88.3%Language:CSS 5.7%Language:HTML 3.7%Language:JavaScript 1.4%Language:Shell 0.9%