README
通用前端监控SDK
支持平台
- JavaScript
安装使用
1. 安装SDK
cnpm i xiaomai-web-sentry -S
2. 初始化
import Tracker from 'xiaomai-web-sentry';
const Browser = Tracker.Browser;
const browser = new Browser();
const initParams = {
project: 'parent-test', // 项目名称
userId: User.uid(), // 用户标识
env: process.env.DEPLOY_ENV || 'test' // 运行环境
}
browser.init(initParams);
3. Vue项目错误捕获
const initParams = {
project: 'parent-test',
userId: User.uid(),
env: process.env.DEPLOY_ENV || 'test'
}
const VuePlugin = Tracker.VuePlugin;
new VuePlugin(Vue, initParams);
4. React项目错误捕获
5. 错误定位
日志中的静态资源地址都是打包压缩过的文件,通过以下网页进行真实错误的定位
http://dev-web-server.xiaomai5.com/source_map
错误类型
- JS Runtime Error
- 加载静态资源异常
- 接口请求异常
- Promise catch 异常
- Vue 框架封装异常
- React 框架封装异常
待完成功能
- 用户足迹
- 页面停留时长
- 前端性能分析
- 项目版本区分统计
- React框架错误捕获
- 小程序错误
- 告警功能(结合阿里云)
- 埋点功能
- 用户行为数据监控(进入页面,点击事件,滚动事件,离开页面)默认收集部分数据,并提供对应接口
- 批量上报
- 本地存储
- 数据压缩
- 用户使用情况