npm_monitor

企业版、H5监控探针、npm包

hello，小伙伴们，为了方便大家引入探针，我们提供了npm包供大家下载。

一、安装探针依赖包

npm install @webfunny/monitor --save

二、引入探针npm包，配置上报信息

import WfMonitor from "@webfunny/monitor"
// 初始化上报信息，越早执行越好
WfMonitor.initMonitor({
    webfunnyDomain: "http://localhost:9011/", // 上报域名，例如：https://www.xxx.com/
    webfunnyAssetsDomain: "http://localhost:9010/", // 静态资源域名，例如：https://www.xxx.com/
    webfunnyMonitorId: "webfunny_20250321_xxx_pro", // 项目标识（ID）
    env: "pro", // 环境变量
    projectVersion: "1.0.0", // 应用版本号,
    hasTrace: "0", // 0（默认值），不开起trace; 1 开始trace
    startList: ["pageView", "jsError", "httpLog", "resource", "behavior"], // 启动监控项pageView（浏览记录）、jsError（代码错误）、httpLog（请求相关）、resource（静态资源）、behavior（点击行为）
    setting: { // 0.2.68+版本支持
        httpLog: {
            ignore: {
                status: [401, 402], // 过滤状态码
            }
        }
    }
})

三、配置业务数据（可选）

// 在获取到userId的时候执行
if (window.WebfunnyMonitor) {
    window.WebfunnyMonitor.initUser({
        userId: "12345", // 用户标识
        userTag: "aaa", // 用户标签
        nickname: "监控昵称", // 用户昵称
    });
}

四、安装完成

PS: 一般用户在本地经过反复测试，都会产生一些脏数据。所以再引入新探针的时候，可以清理一下localStorage里的数据，再刷新页面。

联系客服

如有疑问，请联系微号：webfunny2