bombayjs

超周全的前端监控sdk。 功效 上报pv uv 捕捉error 上报性能performance 上报用户轨迹 支持单页面 hack ajax fetch 上报加载的资源 hack console hack onpopstate 露出全局变量__bb...

超周全的前端监控sdk。


功效

  • 上报pv uv
  • 捕捉error
  • 上报性能performance
  • 上报用户轨迹
  • 支持单页面
  • hack ajax fetch
  • 上报加载的资源
  • hack console
  • hack onpopstate
  • 露出全局变量__bb
  • 埋点 sum avg msg


用法

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,
}


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/nav/2736

  • 发表于 2021-02-11 16:54
  • 阅读 ( 214 )
  • 分类:互联网

0 条评论

请先 登录 后评论
RafaelGuick
RafaelGuick

770 篇文章

你可能感兴趣的文章

相关问题