#web-performance-monitoring-system 前端性能监控系统
- 实时统计访问页面真实性能分析
- 实时统计页面AJAX性能分析
- 实时统计访问页面脚本错误分析
- 实时统计页面所有资源加载性能分析
- 实时统计慢加载资源追踪
- 设置各项阀值,邮件通知,紧急修改维护
- 模拟单个http请求,并给出性能指标,可做接口测试
- 检查线上网页性能,给出详细性能指标
项目使用babel编译
项目通过gulp-nodemon 实时编译刷新node服务
提供了mysql的封装函数 和案例 (我自己开发使用时做的)
提供了邮件发送 nodemailer 配置
提供了七牛云上传JDK
https秘钥部署方式参考:云服务器HTTPS实践,node.js + nginx https实践
如果项目不需要https部署,package.json中需要做如下操作
build命令 :IS_HTTPS=FALSE
server命令:IS_HTTPS=FALSE
1、 直接启动app.js
pm2 start -i 2 --name web_performance app.js
2、 使用npm server命令
pm2 start -i 2 --name web_performance npm -- run server
3、 使用npm pm2 命令
npm run pm2
http://blog.seosiwei.com/detail/19
https://github.com/wangweianger/web-report-sdk
https://github.com/wangweianger/zanePerfor
项目上传之后,比较受大家的关注,有些朋友不知道如何在本地正确的安装,让项目跑起来,鉴于此我在这里详细的说明项目安装步骤,希望对你有帮助。
如果你已经做完以上4步,请运行 npm run dev,项目应该会正常的跑起来;
希望对前端性能监控有兴趣的有帮助,同时也希望大家有任何建议请给我反馈,同时我也会不断的更新优化迭代,有兴趣的请持续关注。
如果你对其api语法不了解可以关注:https://github.com/wangweianger/mysqls 项目,其中有完善的api文档说明
location / {
#获取用户的真实ip
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#代理的服务
proxy_pass http://127.0.0.1:18088/;
}
开发环境:npm run dev
打包:npm run build
启动项目:npm run server
pm2启动方式:npm run pm2