前端错误监控的方法有哪些

前端错误监控是指通过各种手段收集、分析和处理前端应用运行中发生的错误

常用的前端错误监控的方法有

  1. 使用 try catch 方法
    1. 捕获特定代码块中的错误
    2. 多用于处理特定函数或代码段可能抛出的异常,尤其是异步代码
  2. 网络请求错误监控
    1. promise.catch
    2. try catch
  3. 全局错误处理 / 重写错误捕获函数
    1. 在 js 代码中重写 window.onerror、console.error, img.onerror 等错误捕获函数
    2. 将错误信息上报到监控服务器【通过接口的形式】
  4. 使用错误监控库,来监控各种 js 错误、资源加载错误、ajax 请求错误
    1. sentry
      1. Sentry:在 Sentry 平台上创建一个项目,然后在前端代码中安装 Sentry 的 js SDK,并且初始化 SDK, SDK 会自动捕获js错误并上报到 Sentry 平台
      2. sentry 平台会上报的错误进行分析
        1. 错误信息:错误类型、错误消息、错误堆栈信息
        2. 错误发生的环境:浏览器版本、操作系统版本、页面URL
        3. 错误影响的用户:受影响的用户数量、手影响的用户区域等
      3. sentry 平台还提供了报警功能,当错误发生时及时通知相关人员
    2. 友萌
  5. 可以使用 node 的子进程来监控错误信息
    1. node 的子进程模块提供了丰富的功能来创建和管理子进程,可以使用子进程来监控错误信息
    2. 创建子进程
      1. child_process.spawn()
      2. const childProcess = require('child_process');
        
        // 使用 spawn 创建子进程
        const child = childProcess.spawn('node', ['errorScript.js']);
        
        // 使用 fork 创建子进程
        const child = childProcess.fork('errorScript.js');
        
    3. 监听错误事件
      1. 子进程会发出 error 事件,当子进程发生错误时会触发改事件
      2. childProcess.on()
      3. child.on('error', (err) => {
          console.error('子进程发生错误:', err);
        
          // 上报错误信息到监控服务器
          reportErrorMessage(err);
        });
        
    4. 捕获标准错误输出
      1. 子进程的标准错误输出可以通过 hild.stderr 属性获取
      2. 可以使用childProcess.on() 方法监听 data 事件来捕获标准错误输出。
      3. child.stderr.on('data', (data) => {
          console.error('子进程标准错误输出:', data.toString());
        
          // 上报错误信息到监控服务器
          reportErrorMessage(data.toString());
        });
        
    5. 上报错误信息

      1. 使用 http 请求

      2. 使用消息队列

      3. 使用日志记录库

        1. Log4js

        2. Sentry

        3. Winston

  6. node 的主进程发生错误

    1. 使用 process.on('uncaughtException')事件,在主进程发生未捕获的异常时触发

    2. 使用第三方库 

      1. PM2: 用于管理 node.js 应用程序的进程管理器,提供了监控主进程错误的功能

      2. strong-agent: 监视和重启 node.js 应用程序的工具,提供了监控主进程错误的功能

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值