首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端异常监控系统

    其实这个问题很常见,但是这次我觉得这个问题如果不是我们自己同事发现的,那就很恐怖,可能废很大精力才能查出问题,甚至会导致很严重的线上bug,细思极恐,刚好前不久成都FCC的大前端交流会上叶小钗谈到了监控这块...也可以通过其他方式拿到这些老版本浏览器的columnNo和error参数,目前监控主要是针对移动端,也没太大必要去兼容老版本的浏览器。...存储优化 后期是会做管理后台来查询和统计这些异常日志的,同一个错误可能上传报错数据到服务端,后端查询出来是一条条独立的记录,我们不能区分这条记录的报错是不是有重复数据,也不应该让后端去做字段对比。...引入监控的项目,由于业务原因可能需要上传一些业务信息方便分析,所以预留一个配置字段,上传错误的时候请求会带上业务相关信息。...现在第一版已经上线,并且在刚上线不到两个小时,就收到了报错邮件,吓得我急忙查找bug,很快查出来了问题来,这个bug应该存在很久了,但是因为没有阻塞性,并且没有影响到业务,也一直没被发现,结论是我们这个前端异常监控功能还是很成功

    1.9K70

    Flutter异常监控 - 伍 | 关于异常监控框架设计的思考

    这是我参与「掘金日新计划 · 12 月更文挑战」的第 7 天,点击查看活动详情 前言 最近阅读 Catcher、BugSnag、Rollbar 三个 Flutter 异常监控开源框架,文章链接如下: Flutter...异常监控 - 壹 | 从 Zone 说起 Flutter 异常监控 - 贰 | 框架 Catcher 原理分析 Flutter 异常监控 - 叁 | 从 bugsnag 源码学习如何追溯异常产生路径...Flutter 异常监控 - 肆 | Rollbar 源码赏析 这篇文章将从实现功能,优缺点,设计思想等方面做个总结,方便开发中技术选型。...这块可以看下Flutter 异常监控 - 肆 | Rollbar 源码赏析 中的代码复用分析,这里就不赘述了。 拿线程控制来说,变化的是在哪个线程,不变的是在线程中做的事情。...显然,按 Flutter 是大佬的思路,站在多平台统一的上帝视角来看,Flutter 异常范围是包括其他平台异常的,比如其他平台的 OOM 等而非单纯考虑 Dart 侧异常。

    1.1K30

    前端异常监控实践

    为什么要做前端异常监控 ? bug是不可能被全部测试出来的,由于成本和上线档期的考虑,测试无法做到“面面俱到”,即使时间充裕也总会有这样或那样的bug埋藏在某个角落。...图片来自《把前端监控做到极致》 利用Promise.prototype.catch()可以捕获Promise实例中发生的异常。...应用层的使用 如果想做一个前端监控平台的话,你需要完成以下几个目标: 可靠性:尽可能地捕获到所有异常,包括JS运行错误,网络资源加载失败等等。 完整性:可以拿到完整的错误信息,以便排查问题。...参考文章: 把前端监控做到极致 [浏览器端 JavaScript 异常监控 For Dummies.pdf](https://github.com/kof97/QCon/blob/master/全球软件开发大会...2016上海PDF/浏览器端 JavaScript 异常监控 For Dummies.pdf)

    1.6K20

    腾讯云https认证

    1.准备好域名 2.登录腾讯云,在腾讯云找到ssL证书管理 2.申请一个证书 选择1年免费版的 3.填写域名资料: 1、通用名称就是你的域名 2、申请邮箱填写你的常用邮箱 3、证书备注名:填写一个易记的就行...比如,域名是在阿里云买的,在域名解析里添加一条TXT类型的解析,如下内容。...我们找到类似下面的段:修改server{---}里面的内容 3.如果只想让网站支持https访问,那么在server_name下面插入两行,添加两行内容: listen 443; ssl on;...4.如果想让网站兼容http和https访问,那么在server_name下面插入一行,添加一行内容: listen 443 ssl 5.在root /home......执行后,在浏览器中输入https的网址进行访问,如果地址栏边上有个小锁的标志,则证明升级成功,恭喜自己吧!

    15.1K50

    SourceMap 与前端异常监控

    加个关注,后续上新不错过~ 背景 我们从事 Web 开发工作中,异常监控系统已经是我们朝夕相处的好助手,但是这些异常处理工具通常都是建立在 Web 生态,或者是假定运行在浏览器环境下的,但是当我们需要给一套跨端系统搭建一套类似的异常监控系统...,并且期望该系统兼容 Web 生态,现有的工具很可能就不满足我们的需求了,因此我们需要考虑一套完整的异常监控系统整个链路将会涉及到哪些工具链,以及如何修改这些工具链来适配我们的跨端系统。...有经验的老司机,立马就可以定位到自己代码里哪里出了问题,但是有没有仔细思考过整套监控系统是如何打通的呢?或者说如果有一天你的监控系统出了问题,你知道如何追查是哪个环节出了问题吗?...是的,监控系统要解决的一个核心问题就是代码反解。...参考文献 https://github.com/Rich-Harris/vlq/tree/master/sourcemaps https://www.ruanyifeng.com/blog/2013/01

    2.7K31

    HTTPS服务器分析和监控

    HTTPS服务器分析和监控在当今数字化时代,对于网络流量的分析和监控变得越来越重要。...本文将详细介绍如何利用HTTPS代理服务器来实现高效、安全且可靠的流量分析与监控功能,并提供具体操作步骤以及相关技巧。...三、执行流量分析和监控1. 拦截HTTP/HTTPS请求:当客户端与目标服务器建立连接时,代理服务器将拦截并中断这些请求,并在用户或管理员的允许下进行相应处理。...可针对重要事件(如异常报错)做出警告通知配置。四、保护隐私与合规要求1. 数据加密:确保代理服务器上存储和传输敏感信息时采取适当的加密手段(如TLS)。2....本文详细介绍了如何通过HTTPS代理服务器实现有效且安全地流量分析和监控功能,同时给出具体工具选择及配置步骤,帮助您更好地理解和应用该技术。

    85540

    如何搭建前端异常监控系统

    原文地址:https://segmentfault.com/a/1190000023096077 原文作者:发声的沉默者 什么是异常 是指用户在使用应用时,无法得到预期的结果。...为什么要处理异常 增强用户体验 远程定位问题 无法复现问题,特别是移动端,各种原因,可能是系统版本,机型等等 前端有哪些异常 ?...:' + err); } }; https://nibuzhidao.com" frameBorder...="0" /> Sentry 业界非常优秀的一款监控异常的产品,作者也是用的这款,文档齐全。...img标签 如果异常数据量大,导致服务器负载高,调整发送频率(可以考虑把异常信息存储在客户端,设定时间阀值,进行上报)或设置采集率(采集率应该通过实际情况来设定,随机数,或者某些用户特征都是不错的选择)

    2.6K20

    Chrome HSTS异常导致无法访问HTTPS网页

    查找相关资料,HSTS is HTTP Strict Transport Security: a way for sites to elect to always use HTTPS....See https://www.chromium.org/hsts, 是国际互联网工程组织IETF正在推行一种新的Web安全协议,HSTS的作用是强制客户端(如浏览器)使用HTTPS与服务器创建连接。...采用HSTS协议的网站将保证浏览器始终连接到该网站的HTTPS加密版本,不需要用户手动在URL地址栏中输入加密地址。该协议将帮助网站采用全局加密,用户看到的就是该网站的安全版本。...HSTS的作用是强制客户端(如浏览器)使用HTTPS与服务器创建连接。...服务器开启HSTS的方法是,当客户端通过HTTPS发出请求时,在服务器返回的超文本传输协议响应头中包含Strict-Transport-Security字段。非加密传输时设置的HSTS字段无效。

    4.7K00

    Bugless 异常监控系统 (iOS端)

    一、引言 移动App 发布后,如果想获取 App 的业务运行状态,通常是通过服务端接口反映到状态或者是用户反馈,缺少客户端的异常错误的线上监控、告警与异常数据聚合并沉淀的平台。...它的主要功能: 实时监控SDK业务异常 汇总包体崩溃排重与聚合后的数据 统计影响设备数 上报崩溃日志 收集iOS系统向上兼容性问题 监控客户端请求的网络问题 异常数据,协助开发人员对项目进行实现监控和产品迭代优化。...八、附录 参考链接 - 异常堆栈字段说明 https://developer.apple.com/documentation/foundation/nsexception https://developer.apple.com.../xcode/diagnosing_issues_using_crash_reports_and_device_logs/examining_the_fields_in_a_crash_report https

    3.3K30
    领券