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

前端异常捕获且日志上报处理,第1张

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

所以捕获错误总结下来:

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

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、上报离线日志

该项目主要提供了无痕埋点的功能,有关无痕改顷埋点 文章应该有一大堆,这边不做阐述.埋点没有覆盖全部事件,只对一些简单常用的处理了,后期需求对具体的业务扩张对象(Model)

其次,项目也提供了目前比较流行的阿里云日志上报功能, 上报格式支持json和protocol buffer格式.

Sls.pbobjc.h和Sls.pbobjc.m 文件的导出春或:

软件扒歼伍架构说明

博客地址: https://weskhen.xyz

源码地址: https://github.com/weskhen/BuryingPoint

欢迎沟通交流….


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12295310.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存