为前端项目提供【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段。基于 JS 跨平台插件,为前端项目提供【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段。
亮点
提供了多种定制化api最大限度帮助你应付各个场景的业务,例如:
- 提供钩子函数让你对数据精确把握
- 提供本地化选项api,让开发手动控制去发送监控数据 - 节省带宽
- 提供批量错误api,在遇到无限错误时融合批量错误信息 - 节省带宽
- 提供抽样发送api - 节省带宽
- 提供 错误/请求 事件的过滤api
- 等等....
站在技术角度,因为明确此项目可能更多的是应用在公司平台上,大概率会二开,所以作者对项目结构以及代码都严格要求
- 架构 - demo、核心sdk代码、文档都在同一个项目中,调试、部署都很方便
- 封装 - sdk存在大量的重写或者监听,对此有统一流程
- 响应式 - 项目内部实现了vue响应式,也应用在 options 对象中,相信你接触会后受益良多
- 多版本 - 针对不同平台提供多个版本(目前只有js、vue2、vue3),受益于monorepo架构可一键发布
- 内聚 - 目前核心功能的所有代码都没有分包,虽然monorepo架构支持,但作者认为目前分包不利于代码阅读以及二开方便
- 文档/注释 - 完善的文档以及非常全的注释,力求帮助你快速了解这一切
初始化
先 pnpm install
第一步:初始化所有测试项目仓库
pnpm run test:install
第二步:打包并监听各个sdk
pnpm run watch
第三步:运行js测试项目
pnpm run test:js
pnpm run test:vue2 (也可以运行vue2测试项目)
pnpm run test:vue3 (也可以运行vue3测试项目)
链接: https://fly63.com/nav/4158