1.前言
最近发现一个比较好的，前端监控框架zanePerfor，可以监控前端渲染、接口请求、报错等信息，同时可以对PV、UV、用户行为、用户分布这些参数进行分析与统计，对原有代码侵入量也不大。自己部署测试了一下：
2.部署
2.1环境准备
- node.js。这个框架是基于node.js进行开发的，需要部署node.js开发环境，这个网上资料很多。
- redis。自己根据情况部署。
- monogdb。自己根据情况部署。
2.2代码配置运行
从https://github.com/wangweianger/zanePerfor.git拉取代码执行
cnpm install修改config/config.default.js，配置monogdb地址和redis地址
然后访问http://127.0.0.1:7001/随意注册，然后就可以登录了。
3.在其他前端项目中调用
我这测试的是一个vue项目，在zanePerfor中创建一个web应用，将appID拷贝过来，在App.vue文件中引入
// install
npm install web-report --save
// 通用版本引入
import { Performance } form 'web-report'
// 使用 建立在oncreate中
Performance({
domain:'http://report.com/api/v1/report/web',
add:{
appId:'D3D9B9AA45B56F6E424F57EFB36B0XXX',//zanePerfor中创建的Appid
}
})
在测试项目随意，点击访问一会，在zanePerfor
4.效果展示
449
