web-glede-plugin

web-glede-plugin

使用方法

vite 插件

import { viteWebGledePlugin } from 'web-glede-plugin';

viteWebGledePlugin({
    // 编译后的SDK源是否依赖本地, 如果为false则需要originUrl从CDN引入
    local: true,
    // local == false 时填写CDN地址
    originUrl: 'https://cdn.plog.top/libs/web-glede.js',
    // web-glede::init 入参, 具体参考 https://github.com/philuo/web-glede
    initProps: {
        // 必选: 接收日志的服务端
        origin: 'https://log.plog.top',

        // 可选: 日志公共字段 pt(Tab页) / pb(落地页)
        pt: ['home', 'circle', 'message', 'person'],

        // 可选: 日志映射的表名, 默认如下
        logType: {
            pv: 'pv',
            nt: 'nt',
            busi: 'feBusi',
            err: 'feErr',
            perf: 'fePerf'
        },

        // 可选: 是否监控错误日志, 默认true
        error: true,

        // 可选: 错误拦截时长(秒), 默认同一处错误默认拦截2小时
        errorHoldTime: 2 * 3600,

        // 可选: 是否监控性能日志, 默认true
        perf: true,

        // 可选: 是否监控请求日志, 默认true
        request: true,

        // 可选: 需要监控的请求URI正则字符串, 默认全部 '/api'
        reqRegExp: [
            // '/api'
            '*',
        ],

        // 设置公共字段
        baseInfo: {
            app: '1.0.0'
        }
    }
})

vue 插件

import type { RouteLocationNormalized } from 'vue-router';
import { createApp } from 'vue';
import { vueWebGledePlugin } from 'web-glede-plugin';
import router from './router';

// Vue实例化
const app = createApp();

// 安装插件
app.use(router);
app.use(vueWebGledePlugin(router, changeCb, errCb));

function changeCb(to: RouteLocationNormalized, from: RouteLocationNormalized) {
    // doSomething.
}

function errCb(err: Error) {
    // doSomething.
}