meta-sdk

安装

操作说明

import { Monitor } from 'meta-sdk';

Monitor.init({
  report: {
    url: 'http://localhost:3004/api/logger'
  }
});

const Monitor = require('meta-sdk');
Monitor.init()

<script src=""></script>

monitor.on('event', (eventName, emitData) => {
  console.log(eventName, emitData);
});

monitor.useVueErrorListener(Vue);

自定义提交

• 物料操作：拖拽物料到画布

• 页面操作：创建新的页面、导出页面源码

• 工程操作：创建新的工程、导出工程

• 接口操作：导入yapi接口

• --- 以上是b端的

• 模型操作：创建新的模型

• --- 以上是c端的

// 全局导入

// vue2.x
Vue.prototype.$monitor = monitor;
// vue3
app.config.globalProperties.$monitor = monitor;

// vue2.x
this.$monitor.customEmits({
  detail: 'some detail',
  path: 'a path',
  level: '' // 默认INFO
})

// vue3
const { proxy } = getCurrentInstance();
proxy.$monitor.customEmits({
  detail: 'some detail',
  path: 'a path',
})

所有配置

enum ErrorLevel {
  TRACE = 'TRACE',
  DEBUG = 'DEBUG',
  INFO = 'INFO',
  WARN = 'WARN',
  ERROR = 'ERROR',
  FATAL = 'FATAL',
  MARK = 'MARK',
}

const defaultOptions = {
  env: Env.DEV,
  platform: PlatformType.C,
  report: {
  url: '',
    method: 'POST',
    contentType: 'application/json',
    beforeSend: (data: ErrorCombine) => data,
  },
  data: {},
  http: {
  fetch: true,
    xhr: true,
    watchSuccess: false,
    ignoreRules: [],
  },
  error: {
  watch: true,
    random: 1,
    repeat: 5,
    delay: 1000,
  },
}

Feature

• isSpa
• behavior
• fetch
• performance
• react
• ...