2023年7月17日发(作者：)

前端监控体系建设前端监控体系主要分为错误监控、性能监控、业务监控及安全监控三个⽅⾯。⼀、错误监控（⼀）监控范围js语法错误、资源加载失败、设备⽹络错误、http异常状态码、接⼝异常和⽹页是否可访问。（⼆）第三⽅⼯具1、sentry2、honeybadgerhoneybadger官⽹拿sentry与其产品对⽐ ,说它们⽆需再购买pingdom(监控⽹页性能和可⽤性)及cronitor(服务的定时任务cron监控、⼼跳监测及服务或⽹站正常运⾏时间监控)。3、fundebug4、阿⾥的arms5、国外的 logrocket 及rrweb其⽀持屏幕录制回放（三）基本知识及⽅法汇总1、前端错误监控系统汇总2、sentry与fundebug对⽐⼆、性能监控（⼀）监控范围⽩屏时间、⾸字节时间、⾸屏时间、⽹络时间、DOM构建及资源渲染时间、总加载时间等（⼆）第三⽅⼯具（三）性能监控基本知识及⽅法汇总关于web前端性能监控的那些事⼉三、业务监控（⼀）监控范围PV访问来量（Page View） /UV访问数（Unique Visitor）、业务转化、⽤户⾏为等（⼆）第三⽅⼯具1、⼿动埋点(代码埋点)百度统计matomo (开源)友盟2、可视化埋点开源的MixpanelTalkingData诸葛 IO腾讯的 MTA3、⽆埋点GrowingIo /数极客 /神策数据阿⾥的arms四、安全监控监控1、Checkmarx

关于前端安全，发布前可使⽤eslint-plugin-security 进⾏检测。五、其他1、构建⽇志应⽤2、服务运⾏⽇志监控 ELK(Elasticsearch + Logstash + Kibana) 或 ELK Stack3、美团的后端监控⼯具 CAT — 实时应⽤监控平台4、推荐参考资料 前端监控体系建设思考——前端研发体系5、全⽅位的开源监控⼯具链介绍 ⾥⾯涉及到前端、APM、JMX监控、服务器监控、数据库监控、CI/CD监控、测试监控和⽇志监控6、node性能监控a、运⾏时：Alinodeb、信息上报：基于 agenthub 修改/aliyun-node/agenthub 整合 agentx 和 commdx 的便利⼯具/aliyun-node/agentx/products/nsolid/c、数据存储d、数据展⽰7、node 服务运⾏⽇志监控 ELK8、info监控: fluentd ⾏为监控: influxdb+grafana9、app崩溃监控 crashlytics /products/crashlytics10、云端监控：datadog主要⽤于性能监控、基础设施监控、组件监控及⽇志监控11、前端埋点总结 /a/119112、vue项⽬引⼊腾讯移动分析平台统计页⾯浏览量和功能按钮点击量的具体⽅法步骤