前端异常监控平台Sentry安装配置使用及问题

这篇具有很好参考价值的文章主要介绍了前端异常监控平台Sentry安装配置使用及问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言:Sentry是一款开源的异常监控平台,支持各种语言的SDK,通过对应SDK可以收集错误信息和性能数据,并可以再后台web页面中查看相关信息。

官方地址:

安装说明:https://develop.sentry.dev/self-hosted/

后台使用说明:https://docs.sentry.io/product/releases/

SDK使用说明(根据需要选择平台查看对应文档):https://docs.sentry.io/platforms/

  1. 安装:Sentry本身是开源的,但官方也提供商业服务,免去自己搭建和维护,这里我只介绍自己搭建的流程。

  1. 环境要求:

  1. 4 CPU Cores

  1. 8 GB RAM

  1. 20 GB Free Disk Space

  1. Docker 20.10.21

  1. Docker-Compose 1.29.2

  1. docker、docker-compose自行安装

因后续需要拉取大量镜像,可以使用阿里云容器镜像加速器,实测修改后速度有一定提升,但还是会出现拉取失败的情况,拉取镜像失败多重试几次一般就可以了。

前端异常监控平台Sentry安装配置使用及问题
  1. 安装Sentry

git clone https://github.com/getsentry/onpremise
  1. 在onpremise的根路径下可以看到一个install.sh的文件,执行以下命令进行部署

bash install.sh
  1. 执行上面的命令后会自动执行以下步骤(其中拉取镜像会很慢,甚至失败,如果失败则多试几次,即多执行几次bash install.sh即可)

  • 环境检查

  • 生成服务配置

  • 拉取镜像

  • 构建镜像

  • 服务初始化

  • 设置管理员账号(可以选择跳过,后续再创建)

  1. 全部执行结束后,会提示完成,然后运行以下命令

docker-compose up -d
  1. 检查服务状态 docker-compose ps

前端异常监控平台Sentry安装配置使用及问题
  1. 所有的服务都启动后就可以访问sentry后台了,后台默认端口9000,账号密码为上面安装时填写的,浏览器访问http://127.0.0.1:9000

前端异常监控平台Sentry安装配置使用及问题
前端异常监控平台Sentry安装配置使用及问题
  1. 邮箱配置修改:sentry/config.yml

前端异常监控平台Sentry安装配置使用及问题

配置完成后执行docker-compose restart 重启服务,但我遇到有时restart不能重启所有的服务的情况,从接入SDK的客户端看到的就是会报跨域问题,这时我们需要执行

docker-compose stop //停止所有服务
docker-compose start //开启所有服务
  1. Apache配置代理:为了解决跨域问题,我们可以使用Apache反向代理,配置如下:

<VirtualHost *:80>
    ServerName sentrytest.cn

        ProxyPreserveHost On
        ProxyPass / http://127.0.0.1:9000/
        ProxyPassReverse / http://127.0.0.1:9000/
</VirtualHost>
  1. sentry后台禁用了QQ邮箱,如需启用,请按以下步骤修改

  1. 使用docker ps找到web容器并进入

docker exec -it 4455ad3b33e9 bash
前端异常监控平台Sentry安装配置使用及问题
  1. 修改server.py(没有vim的自行按照),python3.8是我容器里python的目录,请根据实际情况修改,进入server.py,找到INVALID_EMAIL_ADDRESS_PATTERN,按照下面截图修改即可,修改后同样重启容器 docker-compose restart

vim /usr/local/lib/python3.8/site-packages/sentry/conf/server.py
前端异常监控平台Sentry安装配置使用及问题
  1. 后台使用说明

  1. 设置语言和时区:点击头像,找到用户设置

前端异常监控平台Sentry安装配置使用及问题
  1. 创建项目:这里我选择vue,起个项目名字,alert为报错提醒,可以选择稍后设置,创建完成即可看到SDK对接步骤,这里给的是简单的示例,更多的使用请查看我另一篇文章sentry SDK使用

前端异常监控平台Sentry安装配置使用及问题
前端异常监控平台Sentry安装配置使用及问题
  1. 问题:点击某条报错,可以看到详细报错信息

前端异常监控平台Sentry安装配置使用及问题
  1. 性能:可以看到以下性能参数

  • TPM:每分钟事务数

  • FCP:首次内容绘制(浏览器第第一次开始渲染 dom 的时间点)

  • LCP:最大内容渲染,代表 viewpoint 中最大页面元素的加载时间

  • FID:用户首次输入延迟,可以衡量用户首次与网站交互的时间

  • CLS:累计布局偏移,一个元素初始时和消失前的数据

  • TTFB:首字节时间,测量用户浏览器接收页面的第一个字节的时间(可以判断缓慢来自网络请求还是页面加载问题)

  • USER:uv 数字

  • USER MISERY: 对响应时间难以忍受的用户指标,由 sentry 计算出来,阈值可以动态修改

前端异常监控平台Sentry安装配置使用及问题
  1. 用户反馈:以Vue为例,当页面报错时,调用了Sentry.showReportDialog(),就会弹框让用户协助提供相关信息,用户输入后就可以在后台看到对应反馈

前端异常监控平台Sentry安装配置使用及问题
前端异常监控平台Sentry安装配置使用及问题
  1. 警报:如下图中设置当一个新的问题被创建时,给sentry团队成员发送邮件提醒

  • WHEN:需要监听的事件类型

  • IF:当满足WHEN时,再检查一遍IF,过滤掉不需要的问题

  • THEN:当满足触发和条件筛选时应该做的事情文章来源地址https://www.toymoban.com/news/detail-443926.html

前端异常监控平台Sentry安装配置使用及问题

到了这里,关于前端异常监控平台Sentry安装配置使用及问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Sentry监控

    Logan Logan 是美团点评集团推出的大前端日志系统,包括日志的收集存储,上报分析以及可视化展示。提供了五个组件,包括端上日志收集存储 、Web SDK,后端日志存储分析 Server,日志分析平台 LoganSite。 Logan ARMS ARMS 前端监控专注于对 Web 场景、Weex 场景和小程序场景的监控,从

    2024年02月13日
    浏览(35)
  • Sentry 监控 Docker 方式部署

    根据主篇 Sentry 监控部署与使用 流程,使用 Docker 方式 方式进行部署。 docker 方式 部署操作比较简单,也是 Sentry 官方 比较推崇的方式,直接按 Sentry On-Premise 提供的方式按部就班部署就好了。或者可直接参考 Docker 部署 Sentry 监控 Django 应用并使用Email+钉钉通知 即可。 1、 W

    2024年02月07日
    浏览(36)
  • 【Windows 10】Prometheus监控平台安装以及配置windows Exporter探针

    Prometheus是一个开放性的监控解决方案,用户可以非常方便的安装和使用Prometheus并且能够非常方便的对其进行扩展。 在Prometheus的架构设计中,Prometheus Server并不直接服务监控特定的目标,其主要任务负责数据的收集,存储并且对外提供数据查询支持。因此为了能够能够监控到

    2024年02月04日
    浏览(54)
  • 低代码前端开发者必备:异常监控日志系统

    某客户:“你们的系统怎么又报错了?给你们一天时间修好,等着用!” 沟通中:询问客户具体问题,他表示某某功能用不了,某某功能也用不了,而且无法复现。 - 你会怎么处理? 答案1:先看看说明书? 答案2:好的,我们马上安排研发团队查找问题,顺便也请您帮忙看

    2024年04月13日
    浏览(55)
  • AI视频监控平台EasyCVR接入海康SDK出现异常,该如何解决?

    安防监控系统/视频集中存储/云存储/视频监控管理平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。 有用户反馈,在使用视频监控系统EasyCVR接入海康SDK设备时,出现了无

    2024年02月07日
    浏览(45)
  • 安防视频监控平台EasyCVR前端解码与后端解码的区别介绍

    视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理,支持多类型设备、多协议方式接入,具体包括:国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome,以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等,可覆盖市面上绝大多数的视频源设备。 前两期我们介绍

    2024年02月07日
    浏览(42)
  • 配置zabbix监控平台

    目录 内容纯手敲,难免有误,若发现请私信我。 配置zabbix监控平台 一、进入官网 ​编辑​ 二、配置zabbix-server(服务端) 1.下载zabbix的yum源 2.安装Zabbix服务器、前端、代理 3.安装Zabbix前端 4.编辑文件/etc/yum.repos.d/zabbix.repo并启用zabbix前端存储库。 5.安装Zabbix前端软件包 6.安装

    2024年01月18日
    浏览(45)
  • 前端js下载zip文件异常问题解决

    目录 一,本文解决问题如下 二,原下载代码 1,ajax get 下载文件 2,下载异常图: 三,成功下载的 1, JQuery 实现文件下载xhr 2,图例 引言: 本人使用的ajax 下载,由于下载CSV,文本之类的没有问题,下载zip是出现各种问题。发现是设置responseType:\\\"blob\\\"没生效,项目中又没有

    2024年02月09日
    浏览(38)
  • IIS部署vue前端过程(含IIS及相关配置和安装),部署遇到的问题及报错(承接vueconfig.js全局配置环境变量,跨域问题)

    目录 一.IIS使用安装。 二.部署准备工作 三.部署前端(以vue为主) 四.问题与报错 1.HTTP 错误 404.0 - Not Found(需重写路由入口) 2.请求调用不了(需要重写请求地址) 3.地址显示undefined 第一步,打开“ 控制面板 ”,点击“ 网络和Internet ”。 第二步,点击左侧“ 程序 ”,然后点击

    2024年02月08日
    浏览(68)
  • K8s环境下监控告警平台搭建及配置

    Promethues是可以单机搭建的,参考 prometheus入门 [1] 本文是就Promethues+Grafana在K8s环境下的搭建及配置 启动minikube minikube start 安装helm 使用Helm Chart 安装 Prometheus Operator: helm install prometheus-operator stable/prometheus-operator -n monitoring 报错: 根据 Kubernetes和微服务监控体系 [2] (搜索\\\"降低我们

    2024年02月13日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包