需要解决的可操作见解反应性能瓶颈和错误。使用发布的完整视图改进监视工作流,以便您可以标记反应已解决的错误,并确定实时问题的优先级。
抓住 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问题与我们的开发周期相关联,我们可以发现问题从哪里开始,以及如何修复源代码。”
记录环境和使用详细信息,以便您可以根据浏览器版本、操作系统和特定于应用程序的查询参数重新创建错误。
Sentry的标签分布图可以很容易地将任何反应通过查看它在上下文中发生的频率来出错。
寻找关键问题的答案:这个错误的可操作性如何?漏洞浏览器或操作系统是特定的吗?
即使加载延迟一秒钟,也会导致 转化率降低7%.
40%的客户放弃加载时间超过三秒的网站。
停机的平均成本为 每分钟5600美元-或 每小时300000美元.
Sentry和传统日志有什么区别?
传统日志记录为您提供了事件的线索。其中一些事件是错误,但很多时候它们只是信息性的。Sentry从根本上不同,因为我们关注异常,换句话说,我们捕获应用程序崩溃。我们将进行更详细的讨论 在这里以及我们的 博客。
Sentry支持哪些前端语言?
哨兵支援每一个主要部队前端语言、框架和库。您可以浏览其中的每一个在这里.
哨兵要多少钱?
你可以免费开始。定价取决于每月发送Sentry的事件、交易和附件的数量。有关更多详细信息,请访问我们的定价页面.
Sentry如何影响我的应用程序的性能?
哨兵不会影响网站的性能。
如果您查看代码中初始化Sentry时的配置选项,您会发现将其对应用程序性能的影响降到最低没有任何意义。这是因为我们的SDK工程师团队已经在开发Sentry时考虑到了这一点。
Sentry是错误的监听器/处理程序,它异步地向Sentry.io发送错误/事件。这是非阻塞的。只有当这是一个错误时,错误/事件才会出现。
全局处理程序几乎没有影响,因为它们是浏览器提供的本地API。
前端监控文档
Eventbrite客户案例
下面简要介绍一下Sentry如何处理您的个人信息(PII)。
我们收集有关浏览我们网站的人、Sentry服务的用户、潜在客户以及与我们互动的人的个人信息。
如果我的PII包含在Sentry客户发送给Sentry的数据中(例如,有人使用Sentry监控他们的应用程序),该怎么办?在这种情况下,您必须联系Sentry的客户(例如,应用程序的制造商)。我们不控制通过Sentry服务发送给我们的用于应用程序监控的数据。
我们可能会将您的个人信息披露给以下类型的接收人:
您可能拥有以下与您的个人识别信息相关的权利:
如果您对Sentry的隐私有任何疑问或担忧,请发送电子邮件至 compliance@sentry.io.
如果您是加州居民,请参阅我们的 补充通知.