1.0.2 • Published 1 year ago

@developer-once/eagle-eye v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

Eagle-EYE-SDK

Eagle-eye 是一款全埋点的监控 SDK,只需简单的引入和传入配置便可以在项目中一键接入。

使用

只需要引入并初始化, SDK 就会开始进行默认的全埋点监控。对用户的点击事件进行上报,以及默认使用。

NPM 接入

// 下载 SDK
npm i @developer-ones/eagle-eye-sdk -S

// app.ts
import initMonitor from 'eagle-eye-sdk';
const monitor = initMonitor({
  globalClick: true,
  // - 以下项为必填 -
  app_key: "vite_test",
});

// -- 销毁 --
// monitor.destory();

// -- 上报 --
// monitor.report("type", data);

// -- 自定义错误上报 --
// monitor.error(error);

function App() {}
export default App

Script 接入

<script crossorigin="anonymous" src="./eagle-eye.js"></script>
<script>
  var config = {
    url: "/api/report",
    globalClick: true,
    // 以下两项为必填
    app_key: "vite_test",
    startTime: new Date().getTime()
  };
  
  window.monitor = window.eagleEye.initMonitor(config);
</script>

配置项

参数名类型必填描述默认值备注
app_keystringtrue每个项目一个,请于后台创建项目生成-
urlstringtrue设定日志上传地址,一般不用修改,请务必清楚修改该字段的意义-
startTimenumber初始化的时间new Date().getTime()
slowAjaxCostnumber慢请求阈值,超过将会被记录700
slowResourceCostnumber慢资源阈值,超过将会被记录400
recordboolean是否记录报错录制回放,由于上报回放 rrweb,请求庞大请在后台通过项目设置开启false
enableSPAboolean是否监听页面的 hashchange 事件并重新上报 PV,适用于单页面应用场景true
autoSendPvboolean是否初始化后自动发送 PV,默认会自动发送true
recordReSoureboolean是否上报资源数据,默认会true
disableHookboolean是否禁用 AJAX 请求监听,默认会监听并用于 API 调用成功率上报false
globalClickboolean是否监听全局点击事件false
disableAjaxboolean是否禁止监听 Ajaxfalse
disableFetchboolean是否禁止监听 fetchfalse
openHeartbeatboolean是否开启心跳检测false
serverOpenRecordboolean服务端开启报错回放录制,注意请不要配置该字段,应在后台设置false

开发

npm run start