pcaaron / fe-monitor Goto Github PK

import Vue from 'vue'
import * as Sentry from '@sentry/browser'
import * as Integrations from '@sentry/integrations' // Vue使用需配置

// 开发环境禁止使用sentry，开启会导致Vue组件错误忽略，因@sentry/integrations通过自定义Vue的errorHandler钩子实现，会导致停止激活Vue本身logError
// 配置完成，则sentry默认会上报页面所有未被捕获的错误，例如window.onerror,promise
if(process.env.NODE_ENV !== 'development'){ 
  Sentry.init({
  dsn: 'xxx', // 新建项目后，DSN是链接上报项目和sentry服务端的key
  integrations: [
    new Integrations.Vue({
      Vue,
      attachProps: true, // 默认为true。如果将其设置为false，Sentry将禁止发送所有Vue组件的活动组件的名称和props状态 。
      logErrors: true // 默认为true。如果将其设置为false，Sentry将禁止发送所有Vue组件的活动组件的名称和props状态 。
    })
  ]
})

try {
    aFunctionThatMightFail();
} catch (error) {
    // 方式一：上报error对象或类对象
    Sentry.captureException(error);
}
// 方式二：上报文本信息
Sentry.captureMessage('Something went wrong');

Sentry.configureScope(scope => scope.setUser(null));
Sentry.withScope(function(scope) {
  scope.setTag("my-tag", "my value");
  scope.setLevel('warning');
  // will be tagged with my-tag="my value"
  Sentry.captureException(new Error('my error'));
});

Sentry.init({
    dsn: 'xxx',
    beforeSend(event, hint) {
        // Check if it is an exception, and if so, show the report dialog
      if (event.exception) {
        Sentry.showReportDialog({ eventId: event.event_id });
      }
      return event;
    }
  });

npm install badjs-report

BJ_REPORT.init({
  id: 1,                              // 上报 id, 不指定 id 将不上报
  uin: 123,                           // 指定用户 id, (默认已经读取 qq uin)
  delay: 1000,                        // 延迟多少毫秒，合并缓冲区中的上报（默认）
  url: "//badjs2.qq.com/badjs",       // 指定上报地址
  ignore: [/Script error/i],          // 忽略某个错误
  random: 1,                   // 抽样上报，1~0 之间数值，1为100%上报（默认 1）
  repeat: 5,                   // 重复上报次数(对于同一个错误超过多少次不上报)
                               // 避免出现单个用户同一错误上报过多的情况
  onReport: function(id, errObj){}, // 当上报的时候回调。 id: 上报的 id, errObj: 错误的对象
  submit: null,                // 覆盖原来的上报方式，可以自行修改为 post 上报等
  ext: {},     // 扩展属性，后端做扩展处理属性。例如：存在 msid 就会分发到 monitor,
  offlineLog : false,                   // 是否启离线日志 [默认 false]
  offlineLogExp : 5,                    // 离线有效时间，默认最近5天
});

npm install fundebug-javascript fundebug-vue --save

import * as fundebug from "fundebug-javascript";
import fundebugVue from "fundebug-vue";
fundebug.init({
    apikey: "API-KEY"
})
fundebugVue(fundebug, Vue);