chengyi-frondend-monitor-sdk

chengyi-frontend-monitor-sdk

成一前端监控 SDK 2.0（Web Vue3 + uni-app 小程序）。

安装

pnpm add chengyi-frontend-monitor-sdk
# 或本地
pnpm add file:../chengyi-frontend-monitor-sdk

快速接入（Vue3 Web）

import {
  createMonitor,
  errorPlugin,
  breadcrumbPlugin,
  createVuePlugin,
} from 'chengyi-frontend-monitor-sdk'

const monitor = createMonitor({
  appId: 'business_oms',
  projectName: 'oms',
  reportUrl: '/api/general/frondMonitor/send',
  headers: {
    'X-APP-ID': 'business_oms',
    'X-Perms': 'oms:general:frondMonitor:send',
  },
  plugins: [breadcrumbPlugin(), errorPlugin()],
})

app.use(createVuePlugin(monitor))

// 登录后必须
monitor.setUser({ id: userId, name })
monitor.setAuthHeaders({ Authorization: token })

// 登出
monitor.setUser(null)

小程序（uni-app）

import { createMonitor, errorPlugin, breadcrumbPlugin, installUniApp, getDefaultMonitor } from 'chengyi-frontend-monitor-sdk'

const monitor = createMonitor({
  appId: APPID,
  projectName: 'tms',
  platform: 'uni-mp-weixin',
  reportUrl: systemApi + '/frondMonitor/send',
  headers: { 'X-APP-ID': APPID, 'X-Perms': 'oms:general:frondMonitor:send' },
  plugins: [breadcrumbPlugin(), errorPlugin()],
})
installUniApp(monitor)

// 登录后
monitor.setUser({ id })
monitor.setAuthHeaders({ Authorization: token })

说明

• 不做请求自动拦截/埋点
• userId/token 必须业务显式注入
• 上报主字段兼容旧后端；增量字段可发送但后台可能不使用
• 旧包名 chengyi-frondend-monitor-sdk 已废弃