fz-monitor 监控埋点

引入 | 使用

FzMonitor.init({ url: "", //上报地址 appName: "", //项目名称 })

方法

初始化 init

init({
    url: "",           //上报地址
    appName: "",       //项目名称
    method:""          //上报方式, 默认为POST
    vue: Vue,          //Vue错误
    trustDomain: []     //需要监听的请求地址
})

添加埋点 point

point( info, ?isReport )  info可以是任意类型任意数据，isReport为可选参数，是否立即上报

添加自定义信息 set

set(info)  set添加的所有信息都将在selfInfo中记录并上报,info为对象类型{ username: "用户名" }

设置用户标识 user

user(value) 设置用户标识，value为字符串

手动上报 report

report({ extendInfo: "额外参数" })

监控类型

event
js_error
network
promise_error
resource_error
route
vue_error
xhr_error

字段说明

appName: "",             //项目名称
time:"",                 //日志时间
deviceInfo: {            //设备信息
    deviceType: "",      //设备类型
    OS: "",              //操作系统
    OSVersion: "",       //操作系统版本
    screenHeight: "",    //屏幕高
    screenWidth: "",     //屏幕宽
    devicePixelRatio:"", //像素比
    browserInfo: "",     //浏览器信息
},
behaviorInfo: [          //行为日志
    {
        logCategory: "", //日志分类 
        logType: "",     //日志类型 INFO  ERROR  WARN
        logInfo: {},     //日志信息
    }
],
selfInfo: {}             //调用set方法传入的对象

上报行为

上报说明：
当日志类型为ERROR时，进行上报；当用户行为大于10条时，仅上报最近10条

上报格式：
{
    appName:"",
    time:"",
    info:{
        deviceInfo:{},
        behaviorInfo:[],
        selfInfo:{}
    }
}

上报方式：默认使用navigator.sendBeacon进行上报，当浏览器不支持sendBeacon时，使用fetch进行上报，传参方式为formdata

待完善

1、小程序版本暂未实现
2、目前仅记录基础数据