一、开源项目简介
一款前端性能监控系统，无埋点监控前端日志，实时分析前端健康状态。
随时连接线上用户，无论何时何地，解决前端问题都易如反掌！
让你能够实时掌握：运营数据、前端报错、页面性能、接口性能、以及小程序监控。
专注于微信小程序、H5前端、PC前端线上应用实时监控，实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警，第一时间报警，快速修复BUG！支持私有化部署，容器化部署，可支持千万级PV的日活量！
二、功能概述
支持项目
- H5前端
- PC前端
- 微信小程序
- uni-app
数据概览
实时掌握项目的健康状态，PV/UV、报错、用户分布等。
通过对线上项目的实时分析，能让我们对线上状况有非常直观的了解。例如PV、UV数据的变化趋势，线上报错、异常等, 同时还可以自定义警报功能。
错误分析
精细化分析每个报错问题，支持sourceMap源码定位。
通过探针监控和上报线上环境的报错，以及一些自定义异常。我们会对这些日志进行精确分析，准确定位代码问题所在位置。同时可以看到每个报错的变化趋势，继而分析出用户在哪步操作中发生了问题。
用户细查
深入分析每个用户，记录用户的所有行为。
由于线上用户操作行为十分复杂，部分问题可能隐藏在用户多次操作之后，而探针记录了用户大量的操作行为，一旦出现问题，复现BUG也将变得非常简单。 同时，支持使用多种检索条件进行搜索，提高查找效率。
用户连线
你可以连接线上任意用户，实时查看行为和缓存数据变化。
强大的线上调试功能，让你可以随时连接线上用户，实时了解用户的行为、控制台打印信息、本地缓存信息等，就好像在本地调试一样。
性能分析
分析页面和接口性能，加载耗时，成功率。
探针可对页面的加载性能进行分析，并直观反映在报表上，在此过程中也同步对接口的性能进行分析，如：耗时、成功率等。
自定义埋点
更加灵活的自定义埋点，满足更多定制化的业务场景。
如果是纯前端的业务打点需求，我们就无需花费后端的人力和物力资源。只需创建自定义埋点，就能够轻松完成打点业务需求。同时，我们还对埋点数据进行了漏斗分析，清晰查看两个埋点的留存率。
三、技术选型
环境要求
请安装NodeJS，版本号：10.6.0及以上。
压力测试
可支持日活千万级别PV量。
四、界面展示
一、用户细查
用户细查旨在记录用户的每一步行为和操作记录，为开发者提供复现线上问题的可能。行为记录包括，浏览，点击，Js代码报错，接口请求的耗时、报错以及接口返回值等等，所有在前端产生的记录我们都会尽力记录下来，这样我们就可以轻松复现用户的问题，前端、后端、测试也都无需再扯皮了。
二、错误分析
错误分析主要是在两个维度，一个是JS代码错误，一个自定义错误。Js错误是通过window.onerror进行捕获的，而通过console.error打印出来的我们都认为是自定义错误。因为前端大部分的错误都是通过这两种方式捕获的，所以需要对这两种错误进行精细化分析
三、接口分析
很多小伙伴都认为接口好像跟前端没有太大关系，接口日志的分析和查询应该交给后端，可现实中真的是这样吗。正常情况下，后端都是反感存接口返回值的，一个是日志存储量非常大，一个是后端调用的链路很长。而对于前端来说，只需要关心最后的结果，所以前端对接口的监控是非常合适的，我们可以快速定位到是不是接口的问题。
四、性能分析
性能分析也是很多前端朋友关注的重要功能，因为前端页面性能直接影响用户体验。如，页面加载耗时，Dom解析耗时，接口请求耗时，接口成功率等。
五、流量分析
作为一套完整的前端监控，除了需要监控前端的错误信息，对前端的流量监控同样重要。监控系统对实时流量，流量变化趋势，跳出率趋势，留存率，留存时长等指标进行分析，这是产品和运营同学需要关注的重要指标
六、健康分析
如大家所知，监控系统会对前端项目的各种数据进行分析，但是大部分的监控系统都不会对项目的整体状况进行分析和评估。所以我们增加了一个健康分的统计功能，让大家对项目的健康状况有一个直观的了解。
七、上线安全监测
如大家所知，监控系统会监控线上应用的各项指标，如，错误，白屏，耗时等等，但是仔细一想，即使有这些监控，我们也不一定能够保证线上的应用是安全的，为什么呢？
比如，当你上线了某个功能后，页面一切正常，但是某个流程无法进行了，这时候各项监控系统都不会有任何感知，即使你感知到，那也是一、两个小时之后的事情了，对于流量较大的应用来说，这个损失可不小。时间越长，开发者也要承担越大的责任。
所以，监控系统的实时流量大屏幕，我们针对前端最关键的12大指标进行实时监控，让你在上线后的半小时内能够实时了解各项指标的变化趋势，来判断上线是否安全
五、开源协议
使用Apache2.0开源协议
评论(0)