反应错误和性能监视

需要解决的可操作见解反应性能瓶颈和错误。使用发布的完整视图改进监视工作流,以便您可以标记反应已解决的错误,并确定实时问题的优先级。

入门很简单

抓住 Sentry React SDK:

单击以复制
npm安装@sentry/react

配置DSN:

单击以复制
从“React”导入React;从“react-dom”导入ReactDOM;从“@Sentry/react”导入*作为Sentry;从“./App”导入应用程序;Sentry.init公司({dsn:“https://<key>@sentry.io/<project>”});ReactDOM.render(<App/>,document.getElementById(“root”));

查看我们的 文档获取最新说明。

查看所有平台

如何安装反应软件开发工具包

反应性能监控

快速识别 性能问题并查看完整的端到端分布式跟踪,以查看性能较差的确切API调用并显示任何相关反应 错误。改进反应以最大效率而非最大努力实现性能。

反应使用完整堆栈跟踪进行错误监视

查看错误和反应堆栈跟踪以前只在用户的调试控制台中可见。自动应用源映射以将精简、编译或转载的代码转换回其原始形式反应通过将源地图直接上传到Sentry,将其私有化。

问题,重播

在web应用程序上的一个可视重播中,使用类似DOM事件、控制台日志和网络调用的上下文更快地找到错误或延迟问题的根本原因。

签出会话重播

填写关于的空白反应错误

查看应用程序在反应出现错误:用户交互、AJAX请求、控制台日志消息等。了解错误首次出现在哪个版本中,合并重复项,并了解未来版本中是否会出现问题

“通过将Sentry问题与我们的开发周期相关联,我们可以发现问题从哪里开始,以及如何修复源代码。”

吉姆·雷德蒙德
Bitbucket高级系统工程师

查看任何反应例外

记录环境和使用详细信息,以便您可以根据浏览器版本、操作系统和特定于应用程序的查询参数重新创建错误。

Sentry的标签分布图可以很容易地将任何反应通过查看它在上下文中发生的频率来出错。

寻找关键问题的答案:这个错误的可操作性如何?漏洞浏览器或操作系统是特定的吗?

你负担不起JavaScript脚本监控后座。

即使加载延迟一秒钟,也会导致 转化率降低7%.

40%的客户放弃加载时间超过三秒的网站。

停机的平均成本为 每分钟5600美元-或 每小时300000美元.

常见问题解答

传统日志记录为您提供了事件的线索。其中一些事件是错误,但很多时候它们只是信息性的。Sentry从根本上不同,因为我们关注异常,换句话说,我们捕获应用程序崩溃。我们将进行更详细的讨论 在这里以及我们的 博客。

哨兵支援每一个主要部队前端语言、框架和库。您可以浏览其中的每一个在这里.

你可以免费开始。定价取决于每月发送Sentry的事件、交易和附件的数量。有关更多详细信息,请访问我们的定价页面.

哨兵不会影响网站的性能。

如果您查看代码中初始化Sentry时的配置选项,您会发现将其对应用程序性能的影响降到最低没有任何意义。这是因为我们的SDK工程师团队已经在开发Sentry时考虑到了这一点。

Sentry是错误的监听器/处理程序,它异步地向Sentry.io发送错误/事件。这是非阻塞的。只有当这是一个错误时,错误/事件才会出现。

全局处理程序几乎没有影响,因为它们是浏览器提供的本地API。

支持资源

前端监控文档

为用户提供更好的体验。更容易开发者的生命。

©2024•Sentry是注册商标
Functional Software,Inc.的。