单页面应用优化之路一前端日志管理Sentry使用(一)

单页面应用优化之路一前端日志管理Sentry使用(一)
         首先,我们要明确一点,什么是 Sentry ,这里引用官网的说法 “Sentry is an open-source application monitoring platform that helps you identify issues in real-time. Here we cover everything about the product, the platform integrations, and open source Sentry.”    说白了就是一个前端错误日志收集管理工具,那么我们马上来集成一下吧。
         
        我们先要了解一下Sentry是怎么工作的,我简单描述一下,不去浪费你仅有的一点点耐心,前端项目打包的时候将 sourceMap 文件以 release 为标识的形式上传到Sentry服务器上,前端js报错后,主动或被动的向 Sentry 服务器发送错误日志,日志为 post 请求,请求体中涵盖了错误的位置(层层向上抛出)、关联的 release、报错的环境等。
    ------简而言之,就是干两件事,第一件事,传源文件(可选),第二件事,把错误从前端抛到Sentry中做统计并处理。以下我们都称其为A事件和B事件

    (可跳过以下本段,可直接看下一篇日志)这一段我们讲下上面那些参数都有什么用,首先上传 sourceMap 版本时的 release,因为 Sentry 对于此类文件的管理都是以 release 来管理的,相当于一个表的主键,同时当你上传的报错信息中带有release信息时,Sentry能够在该 issue 中定位具体到哪一行代码抛出了错误,这就是上传 sourceMap,和上面说的A、B件事中 release 的作用。B事件中环境参数,主要是为了给所有的 issue 分类,或者说是按条件查询 issue ,下面补充4张图,把抽象的内容具象化


图片

图片

图片

图片

        
 
posted @   南巷清风--大R  阅读(384)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示