好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

zanePerfor

zanePerfor 介绍

zanePerfor一款完整、高 性能 、高可用的前端 性能 监控和 统计 平台。

功能 说明

集成框架选型及其相关配置(已完成)

主重 数据库 相关配置开发(已完成)

web网页sdk开发(已完成)

web端 数据库 数据后端存储逻辑开发 (已完成)

web端网站 性能 数据, 错误 信息,资源加载信息 后台 逻辑开发(定时任务:已完成)

web端网站PV,UV,IP 统计 开发(定时任务:已完成)

ip地址库存储逻辑(多种缓存策略:本地 文件 缓存,re dis 缓存,mongodb缓存)(已完成)

web端上报脚本开发(已完成)

分城市 统计 性能 逻辑开发(已完成)

浏览器端 后台 cms界面开发(已完成)

微信小程序 sdk开发 (已完成)

微信小程序 相关后端逻辑开发 (已完成)

微信小程序 后台 cms界面开发(已完成)

微信分城市 统计 性能 逻辑开发(已完成)

用户 行为漏斗分析 即 用户 行为分析(已完成)

TOP 性能 统计 (已完成)

省市流量 统计 热力图分析(已完成)

上报方式新增re dis 消息队列(已完成)

索引优化(已完成)

Mongodb副本集读写分离开发(已完成)

数据库 分表(即分集合)针对于apges,ajaxs,errors,resource,enviroment大数据量表分表,不同应用存储到不同的表中(已完成)

Mongodb集群配置 (已完成)

github第三方 登录 (已完成)

新浪微博第三方 登录 (已完成)

微信授权第三方 登录 (已完成)

Mongodb集群分片开发(优化中)

项目 性能 优化(已完成)

邮件 触发服务开发(已完成)

每日日报 邮件 发送(已完成)

页面 后续操作过程中出现的Error 错误 、Ajax 性能 、资源加载的上报(已完成)

所有预警相关业务开发(开发中)

Kafka消息队列的引入和使用 (已完成)

应用突破历史流量峰值时触发 邮件 通知 、开发流量预警 功能 (已完成)

用户 访问实时消费流量 统计 功能 (ajax, 页面 ,资源)(已完成)

项目说明

项目已部署到正式环境,并已稳定运行一段时间,请放心使用。

前期推荐使用单机 数据库 或者Mongodb副本集架构,后期根据自身需求考虑是否使用集群分片

目前4核8G单机服务器大概能支撑每日50-100W的pv,8核16G单机服务器可支撑100W-500W的PV流量

如果项目日PV超千万,需要Re dis 集群,Mongodb集群分片的部署方式

项目 后台 查询 性能 增加 合适的索引之后,千万以上的数据量可在100ms-2s之内 查询 出来,平均100-300ms(单机/副本集)

使用SDK方式上报数据

使用web SDK进行数据上报,使用方式请参考 web-report-sdk SDK详情

npm引入使用方式

// install

npm install web-report --save

// 通用版本引入

import { Performance } form 'web-report'

// 使用

Performance({

domain:'http://report.com/api/v1/report/web',

add:{

appId:'D3D9B9AA45B56F6E424F57EFB36B0XXX',

}

})

import {

Performance,

axiosReport,

defaultReport,

fetchReport,

jqueryReport,

noneReport

} from 'web-report'

// 使用

defaultReport({

domain:'http://report.com/api/v1/report/web',

}

})

GitHub: https://github.com/wangweianger/zanePerfor

网站描述: 前端 性能 监控系统,消息队列,高可用,集群等相关架构

zanePerfor官方网站

官方网站:

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于zanePerfor的详细内容...

  阅读:35次

上一篇

下一篇

第1节:remote-browser    第2节:zanePerfor    第3节:Postwoman    第4节:whistle    第5节:bombayjs    第6节:RegExr    第7节:fast-check    第8节:debugGap    第9节:RAP    第10节:Appium    第11节:AnyProxy    第12节:TestCafe    第13节:easy-mock    第14节:Jsfuzz    第15节:Browsersync    第16节:appium-desktop    第17节:perflink    第18节:statusfy    第19节:Yslow    第20节:jest-puppeteer    第21节:WebPageTest    第22节:enzyme    第23节:PhantomCSS    第24节:mocker-api    第25节:matchMedia.js    第26节:Sitespeed.io    第27节:Hiper    第28节:karmatic    第29节:Bagel    第30节:Macaca    第31节:Gremlins.js    第32节:JSONPlaceholder    第33节:dom-testing-library    第34节:DejaVue    第35节:JSDebugger    第36节:Phantom.js    第37节:puppeteer    第38节:chaijs    第39节:Airtest    第40节:Expect.js    第41节:supertest    第42节:Redom    第43节:intern    第44节:Google PageSpeed Insights    第45节:Pingdom    第46节:Sentry    第47节:service-mocker    第48节:Ava    第49节:Standard    第50节:testdouble.js    第51节:Blanket.js    第52节:cypress    第53节:F2etest    第54节:weinre    第55节:majestic    第56节:javascript-testing-best-practices    第57节:mocha    第58节:browserhacks    第59节:web-starter-kit    第60节:EasyMock    第61节:vConsole    第62节:cavy    第63节:Fundebug    第64节:augury    第65节:FrontJS    第66节:Jest    第67节:Nightwatch.js    第68节:tamperchrome    第69节:nightmare    第70节:airtap    第71节:strider    第72节:qunit    第73节:eruda    第74节:wpt    第75节:Chii    第76节:log    第77节:Cucumber    第78节:TagUI    第79节:uirecorder    第80节:Sinon    第81节:Protractor    第82节:Firebug    第83节:Casper.js    第84节:should.js    第85节:node-tap    第86节:jasmine    第87节:rewire    第88节:Karma    第89节:Zelos    第90节:tape    第91节:vue-devtools    第92节:FAutoTest    第93节:Fiddler    第94节:unexpected.js    第95节:avoriaz    第96节:vuetron