前端日志怎么获取?


大家好,我是爱学习的了不起!

前端开发者在面对用户反馈页面功能异常时,最常说的是:在我这好好的,你重启一下。有的问题在开发者这根本复现不出来,很难解决问题,冥思苦想也不知道问题出在哪里。

今天了不起给大家推荐一款美团推出的大前端日志系统 – Logan 可以完美解决这个问题。

项目简介

Logan 是一整套前端日志解决方案,包括日志收集、日志上报、可视化展示,支持 Android 和 IOS。

业务流程

1、用户在使用过程中日志存储在本地容器中

2、出现异常或者用户反馈,Logan 将本地日志上传到服务器

3、服务端日志分析

3、Logan 统一的日志分析平台展示日志数据

4、开发者根据日志排查问题

最佳实践

img

日志输入

Logan在输入层将代码级日志、网络日志、用户行为日志、崩溃日志、H5日志等内容往Logan中存储一份。

日志存储

Logan采用日志本地聚合存储,“先压缩再加密”的顺序,使用流式的加密和压缩,减少了CPU使用。日志文件只保留最近7天的日志,过期会自动删除。Logan核心逻辑都在C层完成,提供了跨平台支持的能力。

接收日志

客户端日志上报形式:主动上报和回捞上报。

主动上报通过客服引导用户上报,也可以进行预埋,在特定行为发生时进行上报。

回捞上报是由后端向客户端发起回捞指令。

日志解析

客户端上报的日志经过加密和压缩处理,后端需要对数据解密、解压,最终数据存储。

日志分析

不同类型日志由不同的字段组成,对各类日志进行分析汇总串联,最终形成一个完整的个人日志。

可视化系统

目前支持了以下功能:

  • 日志可视化:所有的日志都经过结构化处理后,按照时间顺序展示。
  • 时间轴:数据可视化,利用图形方式进行语义分析。
  • 日志搜索:快速定位到相关日志内容。
  • 日志筛选:支持多类型日志,选择需要分析的日志。

项目地址

1
https://github.com/Meituan-Dianping/Logan

总结

Logan 是大前端日志系统,可为客户端、Web、小程序等用户端提供前端日志的存储、收集、上报及分析能力,帮助开发人员快速定位并解决问题,便于及时排除系统异常。有需要的小伙伴赶快去试试吧~

写在最后

欢迎加我微信,邀请加入 交流群,目前群里都在讨论整理更多GPT玩法,教你如何更好的调教使用GPT,提升效率,甚至如何使用GPT赚钱等等,欢迎围观~

图片

问君能有几多愁,开源项目解千愁,我们下期再见!

大家的点赞、收藏和评论对了不起非常重要,如文章对你有帮助还请转发支持下,谢谢!


文章作者: 开源小分队
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 开源小分队 !
  目录