event-track

使用

1.初始化

用户登录阶段，，记录登录人信息

const eventTrack = new EventTrack({
      acceptEventType: ['onLoad', 'onShow', 'click', 'request', 'onError'], // 允许上报的事件类型
      sendTimeout: 1000 * 5, // 上报函数触发间隔
      sendQueueSize: 10, // 上报队列最大数量（批量上报模式使用）
      singleModel: true, // 单日志上报模式
      sendFn: e => {
        // 上报后端时调的方法
        console.log('sendFn 发送api请求上报', e)
      },
      getCurrentPage: () => window.location.hash, // 获取当前页面路由方法
      getInitialEventContent: () => {
        // 获取默认上报内容
        return {
          appInfo: {},
          systemInfo: {},
          userInfo: {
            userName: '',
            userId: '',
          },
        }
      },
    })

    eventTrack.init()

    // 用户登录之后设置用户信息，修改默认的日志参数
    eventTrack.updateInitialEventContent({
      key: 'userInfo',
      value: {
        userName: data?.name,
        userId: data?.userId,
      },
    })

    console.log('eventTrack', eventTrack)
    // @ts-ignore
    window.eventTrack = eventTrack;

2.系统中记录事件

// 携带参数上报
window.eventTrack.track({
    eventType: 'click',
    eventId: 'onClickRow',
    extraParams: {
      employeeId: record.employeeId,
    },
})

// 不携带参数上报
window.eventTrack.track({
  eventType: 'click',
  eventId: 'onClickButton1',
})

发布

npm run release