15｜何为监控：让监控成为快速发现问题的重要方法
唐俊开
你好，我是三桥。
说到监控，可能你会想到服务器、网络等这种跟前端同学无关的监控层面，还有一些常见的场景。
偶尔看下可视化面板，通过分析图表发现问题。
开发需求时，通过浏览器开发者工具发现问题。
使用生产环境的测试账号发现页面加载速度慢，白屏时间较长。
使用了如 Sentry 等第三方系统上报埋点日志，但没有配置任何警报机制，偶尔才去查看一下。
等到用户反馈后，才知道某些细节存在问题。
像上面这样的场景，你觉得是监控吗？
都不是。它们只不过是一些发现和解决问题的方法。
那究竟何为监控？
监控就是更好地理解系统，让我们可以根据实际情况做出最优的决策，提升产品的服务质量，最终提高用户的满意度。
换句话说，真正的监控并不仅仅是收集日志和生成可视化图表这些事情，更多的是通过这些日志来提升我们的产品体验和服务。
对于前端同学来说，监控就意味着追踪程序错误，判断用户体验的效果，分析产品功能的可用性，观察应用的性能状态等。
既然监控是一种手段，就需要通过集成一些工具或技术到前端应用里面，实时地监视前端应用的运行状态。
目前，最常见的前端监控包括 4 个方面。
错误监控。就是捕获并记录前端程序的错误和异常，包括 JavaScript 脚本错误、网络请求错误、异步异常等等。
性能监控。就是监测前端应用的加载时间、渲染时间、交互响应时间等关键的执行指标。
用户体验监控。一般来说，这种监控都是通过收集用户行为或者是收集用户反馈得到的体验情况。
可视化监控。这种方式就是可视化界面，将日志通过图表、报表等形式展现出来，帮助我们直观地分析前端应用的运行状态和趋势。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
1. 监控的真正意义在于更好地理解系统，根据实际情况做出最优的决策，提升产品的服务质量，最终提高用户的满意度。 2. 前端监控的四个方面：错误监控、性能监控、用户体验监控和可视化监控。 3. 前端全链路监控以问题为中心，包括问题维度监控、网页指标监控、核心功能监控和用户行为监控。 4. 采用最小MVP原则支撑前端项目的全链路监控，通过最小的功能集合，尽快推出产品，以最快速度学习和迭代。 5. 从0到1的阶段是实现一个无到有的最小功能集前端监控，核心目标是跑通流程并发现问题。 6. 从10到100的阶段是围绕监控流程补充基础设施，建立全链路核心报表，包括自动化监控和使用第三方云服务商提供的日志服务。 7. 利用Webhook特性来实现实时的、基于事件的通知，例如把钉钉群收到的信息当作实时通知。 8. 申请钉群机器人、实现调用Webhook函数以及日志上报接口是实现钉钉通知功能的关键步骤。 9. 前端全链路监控需要解决的问题包括搭建完整的监控平台能力、日志增长管理、数据处理速度和异常报错的多样性。 10. 前端全链路监控是一件需要持续性优化的解决方案，对团队在发现和解决问题上都有很大的帮助。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《前端全链路优化实战课》，新⼈⾸单¥59
《前端全链路优化实战课》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论