前端异常捕获且日志上报处理

一般我们想要捕获的异常大概分类：

所以捕获错误总结下来：

既然异常已经捕获到了，那我们怎么处理呢，如何上报，需要上报哪些内容？

1、一般日志分类等级

2、分场景使用日志上报类型

3、日志上报信息附带信息

4、日志上报策略

上报之后，接下来的步骤就是在服务端收集分析归类展示，基于badjs我们搭建一整套日志解析系统

badjs 服务安装

1、前期预备工作

为了快速搭建，我们统一使用 docker 安装

备注：windows 环境使用 docker，需要安装 Docker Desktop

2、项目安装

github 克隆项目到本地

子项目下载以及依赖安装

3、修改配置项

4、启动项目

yarn start

查看 badjs-web 的启动端口，访问 http://localhost:port 可以看到日志后台管理服务页面

1、badjs-acceptor 接受客户端上报的日志

2、badjs-mq 消息队列，保证消息有序稳定被接受

3、badjs-storage 存储模块

4、badjs-web 日志后台管理系统

badjs-report 重写了 window.onerror 来捕获错误

1、安装

2、初始化

3、手动上报

4、延迟上报

暂存

立即上报

5、上报离线日志

热门标签