dtracker

通用前端网络请求拦截库

支持Ajax，Fetch，Image，navigator.sendBeacon等请求。常用于接口异常监控，数据上报，数据旁路等场景

一、安装

Install using npm

npm install dtracker --save

二、如何使用

1.自动基于已经上报的数据做上报

 dtracker.create({
   onProxy: function(data) {
   /*
   data.data object 获取到的上报数据
   data.type object 请求类型 ajax|fetch|image|beacon,
   data.extra object 包含请求地址等其他信息
   1. 传给onProxy函数的data代表通过sdk捕获到的网络请求
   2. 根据上报的网络请求地址,拿到上报的信息
   3. 将上报的信息经过标准化后通过调用doReport回传
   dtracker.doReport({
       baseUrl: 'https://reporteurl.com', 填入数据上报目标地址
       data: transformdata,
       method: 'GET' // 默认get, 也支持post发送
   });
   */
   },
})

2.使用dtracker.doReport在代码中进行手动上报

  dtracker.doReport({
    baseUrl: 'https://reporteurl.com', // 填入数据上报目标地址
    data: {
        sOp: 'pageView',
        osType: 'iphone',
    },
    method: 'GET' // 默认get, 也支持post发送
  });

三、相关文章

1. 揭开JS无埋点技术的神秘面纱
2. 前端热力图系统实现
3. 基于IntersectionObserver的曝光统计测试
4. Building and testing at Facebook

四、相关项目

1. optimal-select