sl-error-tracker

错误监控SDK

功能

• 支持监控vue运行，js错误，异步请求错误，资源加载错误
• 支持收集用户加载时间，dom加载时间，首屏渲染时间，用户停留时长
• 支持基础数据上报

用法

安装

npm install sl-error-tracker

使用

import { createApp } from 'vue';
import router from './router';
import * as tracker from 'sl-error-tracker';
import App from './App.vue';

const app = createApp(App);

const { logger } = tracker.init(app, {
  environment: "development/production" // 开发环境会把错误日志直接输出到控制台
  dingTalkWebHook:'',  // 钉钉群告警机器人的webhook地址
  dingTalkNotice: true, // 是否开启钉钉通知
  baseURL: '',  // 接口上报地址
  ipURL: '',  // IP地址获取接口
  router: router, //vue-router实例 用于收集每个页面停留时长
});
app.use(router);
app.config.globalProperties.logger = logger;
app.mount('#app');

数据结构

核心数据都在event_params节点

uuid: '', //设备的唯一标记，前端生成，可以根据设备指纹啥的，任意即可 0-j-g-f
uid: '', //UG用户id 8e4051a0-66f1-4968-90cf-0ed11af4adca
event_code: 'click', //事件编码
event_params: '', //业务自定义上报 JSON '{"name": ""}'
event_time: 0,
req_id: '', //请求id  529ab3e6-14c7-4854-928c-2789ddafa347
sig: '', //签名
app_id: '1', //1=测算商城 2=聆听 3=万年历
attr: {
    ip: '',
    scan_time: 0, //浏览时长 毫秒 1000
    mobile: '', // 手机号
    dy_send_id: '1', //短邮的发送记录id
    referer: '', // 父级的url 
    url: window.location.href, //当前url 
    app_version: '1.0.3', //当前版本
    useragent: navigator.userAgent, //浏览器信息
    language: 'zh-CN',
    time_zone: tool.getTimeZone(), //时区
    screen_width: window.screen.width,
    screen_height: window.screen.height,
    screen_size: window.screen.width + ' * ' + window.screen.height,
    title: document.title,
    cookie: '', // decodeURI()  加密
},