6.5云管船 添加前端监控平台框架需求

赢海

需求背景

针对目前客户反馈赢海云管船6.5PC端经常出现网络超时,网络异常以及页面卡顿问题,是否可以在现有项目中集成非侵入式监控框架,主要进行监控页面异常报错,监听异常网络接口以及页面性能等等.能让开发者直观的看出现有系统的问题以及异常,直观定位问题以便快速修改解决. 故现在对架构组提出添加监控平台需求

预期信息监控

1. 前端异常监控
2. 页面性能监控
3. 设备信息采集
4. 业务数据收集

预期异常捕获详情

1. 需要支持js错误信息监控；
2. 需要支持vue错误信息监控
3. 需要支持promise中未捕获异常信息的抓取；
4. 需要支持ajax库（xhr. 异常信息捕获；
5. 需要支持console.error错误信息捕获;
6. 需要支持资源错误信息捕获。

预期页面性能监控

1. 能获取重定向的时间；
2. 能获取DNS 查询时间；
3. 能获取DNS 缓存时间；
4. 能获取卸载页面的时间；
5. 能获取tcp连接耗时；
6. 能获取内容加载完成的时间；
7. 能获取解析dom树耗时；
8. 能获取白屏时间；
9. 能获取页面加载完成的时间；

预期设备信息采集

1. 采集设备类型；
2. 采集操作系统；
3. 采集操作系统版本；
4. 采集当前使用的语言-国家；
5. 采集联网类型；
6. 采集浏览器信息；
7. 采集浏览器指纹；

预期预警通知功能

1. 普通告警，比如邮箱；
2. 升级告警，比如短信 + 工作群（xxxhook）/钉钉机器人 webhook + 电话等

以上预期只是针对部分需求 , 架构组可以根据目前我们实际情况进行多方面考虑选择我

架构选择集成流程

架构组出具方案

1. 架构组选择几个可行性落地方案,进行评审选择出具体实施方案
2. 选定方案后架构组进行测试集成并出具流程文档

方案试运行

1. 实施方案确认后在UAT环境中集成部署试运行
2. 试运行两周后查看其影响以及使用效果

正式环境部署

1. 试运行效果良好后进行集成到正式环境部署上线