超全面的前端監控sdk

項目地址

https://github.com/bombayjs/b...

喜歡請star！！！

喜歡請star！！！

喜歡請star！！！

您的支持是我不斷前進的動力(^▽^)

功能

• 上報pv uv
• 捕獲error
• 上報性能performance
• 上報用戶軌跡
• 支持單頁面
• hack ajax fetch
• 上報加載的資源
• hack console
• hack onpopstate
• 暴露全局變量__bb
• 埋點 sum avg msg

build

npm run build

example

參考example目錄

用法

token在bombayjs-admin後臺申請

方法一

<script src='../dist/bombay.js'></script>
  <script>
    new Bombay({
      token: 'xxx',
      reportUrl: 'http://127.0.0.1:7002/api/v1/report/web'
    })
  </script>

方法二

npm i bombayjs -S

new Bombay({
  token: 'xxxx',
  reportUrl: 'http://127.0.0.1:7002/api/v1/report/web'
})

配置

{
  // 上報地址
  reportUrl: 'http://localhost:10000',
  // 提交參數
  token: '',
  // app版本
  appVersion: '1.0.0',
  // 環境
  environment: 'production',
  // 腳本延遲上報時間
  outtime: 300,
  // 開啓單頁面？
  enableSPA: true,
  // 是否自動上報pv
  autoSendPv: true,
  // 是否上報頁面性能數據
  isPage: true,
  // 是否上報ajax性能數據
  isAjax: true,
  // 是否上報頁面資源數據
  isResource: true,
  // 是否上報錯誤信息
  isError: true,
  // 是否錄屏
  isRecord: true,
  // 是否上報行爲
  isBehavior: true,
  ignore: {
    ignoreErrors: [],
    ignoreUrls: [],
    ignoreApis: ['/api/v1/report/web', 'livereload.js?snipver=1', '/sockjs-node/info'],
  },
  behavior: {
    console: true,
    click: true,
  },
  // 最長上報數據長度
  maxLength: 1000,
}