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