前端性能、用户监控zanePerfor部署与使用

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.效果展示

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 点我我会动 设计师:白松林 返回首页