通用前端监控SDK

支持平台

1. 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

错误类型

1. JS Runtime Error
2. 加载静态资源异常
3. 接口请求异常
4. Promise catch 异常
5. Vue 框架封装异常
6. React 框架封装异常

待完成功能

1. 用户足迹
2. 页面停留时长
3. 前端性能分析
4. 项目版本区分统计
5. React框架错误捕获
6. 小程序错误
7. 告警功能（结合阿里云）
8. 埋点功能
9. 用户行为数据监控（进入页面，点击事件，滚动事件，离开页面）默认收集部分数据，并提供对应接口
10. 批量上报
11. 本地存储
12. 数据压缩
13. 用户使用情况