Vue 3 企业级项目实战课
杨文坚
前阿里前端 Leader,前腾讯 IMWeb 团队高级前端工程师
6908 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 47 讲
实战篇 (19讲)
Vue 3 企业级项目实战课
15
15
1.0x
00:00/00:00
登录|注册

31|前台页面的日志监控:如何进行页面实时监控与问题定位?

你好,我是杨文坚。
上节课我们学习了实战型的页面性能优化,分析了做性能优化的两种思路,前置优化、后置优化,以及如何根据客户反馈的性能问题,借助工具定位技术原因,最终设计具体方案,优化前台页面的性能。
今天我们进入实战型的平台功能扩展,主要围绕日志操作来扩展平台的页面监控功能。
如果你没接触过日志相关的功能开发,可能会对日志是什么、为什么需要日志有疑问,我们先解决这两个问题。

日志是什么?

在计算机领域中,程序在运行过程产生的异常错误、运行状态和操作行为等数据,就可以称为日志。不过,日志只是一种技术概念,没有明确规定的技术实现,只要能记录和存储数据的技术操作,都可以称为日志技术。
日志数据在记录和存储后,不一定会永久存储。这是因为日志是记录程序运行过程中的状态数据,只要程序还在运行,就会源源不断产生新日志数据,不断占用存储空间。而且,日志数据无论用什么技术方式实现,都会占用存储空间,只是不同技术占用的存储空间有差异。
所以,为了避免日志数据无限产生,占用大量存储空间,日志数据一般会执行滚动式覆盖,或者系统设置定时任务,自动清理日志数据,或者人工手动定期清理日志。
虽然存储的日志数据定期清除释放空间,但是有些日志数据需要长时间被使用,例如页面流量的日志数据,用来分析页面从哪跳转过来,又会跳转到哪去。所以,日志不能直接被覆盖或者删除,比较重要的日志要在清除前转成长期数据,比如转移到数据库中。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文深入介绍了前台页面的日志监控,重点讨论了日志的定义、作用以及如何实现日志的上报和存储。文章首先解释了日志的概念,指出日志是程序在运行过程中产生的异常错误、运行状态和操作行为等数据。然后阐述了日志的重要性,包括排查问题、问题预警和数据挖掘三个方面。在排查问题方面,日志可以帮助开发者定位偶发且无规律的问题;在问题预警方面,日志可以用于监控问题变化趋势,及时进行页面回滚操作;在数据挖掘方面,日志可以分析用户行为数据,提取有价值的信息。接着,文章介绍了前端和服务端场景下的通用数据上报和业务数据上报的实现方法。在服务端场景中,还介绍了日志数据的存储和清洗操作。整体而言,本文为读者提供了关于前台页面日志监控的基本概念和实现方法,对于需要了解页面实时监控与问题定位的读者具有一定的参考价值。文章还提出了思考题,引导读者思考如何设计日志收集功能来实现页面某个模块曝光、点击或其他操作的行为跟踪定位。通过本文的学习,读者不仅可以掌握日志技术,还能思考如何用日志技术辅助跟踪定位问题原因、分析业务价值。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《Vue 3 企业级项目实战课》
新⼈⾸单¥59
立即购买
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
显示
设置
留言
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部