如果你正在开发一个基于 Ember.js 的前端项目，并且想要在代码中添加一个前端错误跟踪工具，那么 ember-raygun 这个 NPM 包将是一个非常不错的选择。在本文中，我们将学习如何使用 ember-raygun 来添加前端错误追踪功能，同时还将深入学习如何配置和使用该工具。
安装和配置 ember-raygun
首先，我们需要使用 npm 命令来安装 ember-raygun 包。在项目根目录中运行以下命令：
npm install ember-raygun --save-dev
安装完成之后，我们需要在 Ember 应用程序的配置文件 config/environment.js 中添加配置信息：
'ember-raygun': {
apiKey: 'your-api-key',
enableStackTrace: true,
enableRealUserMonitoring: true,
tags: ['tag1', 'tag2'],
ignoredMessages: ['some error message']
}上述配置信息包括了以下关键内容：
apiKey：你 Raygun Dashboard 上的 API Key；enableStackTrace：是否启用堆栈跟踪（默认为 true）；enableRealUserMonitoring：是否启用实时用户监控（默认为 true）；tags：用于将错误信息分配到不同的 Raygun Dashboard 上的标签（可选）；ignoredMessages：用户不希望被追踪的指定错误信息（可选）。
值得指出的地方是，如果你想要启用 enableRealUserMonitoring 这个选项，那么你还需要安装一个额外的 NPM 包：ember-metrics。
使用 ember-raygun
一旦我们完成了设置和配置，我们就可以在我们的 Ember 应用程序中使用 ember-raygun 进行错误跟踪了。
首先，让我们看看如何在单个组件中使用 ember-raygun：
-- -------------------- ---- -------
------ --------- ---- -------------------
------ - ------ -- ------- - ---- -----------------
------ ------- ------------------
------- ----------
-------- -
------------ -
------------------------------ --------- ---- ---------
-
-
---在上述示例中，我们注入了一个名为 raygun 的服务，然后通过该服务发送一个错误信息。
现在，让我们看一下如何在全局应用程序中使用 ember-raygun：
-- -------------------- ---- -------
------ ----- ---- -----------------------
------ - ------ -- ------- - ---- -----------------
------ ------- --------------
------- ----------
------ -
--------------------------
----------------------------
-
---在上述示例中，我们通过服务注入的方式将 raygun 添加到路由对象中，并在 init 方法中通过 attach 方法将该服务附加到全局应用程序中。这样就可以在全局范围内错误追踪了。
结论
在本文中，我们已经学习了如何安装和配置 ember-raygun 包，以及如何在 Ember 应用程序中使用该工具进行错误跟踪。最后，我们还深入讨论了各种配置选项和使用场景，希望本文能给你带来一些启示，让你的前端项目更加健壮和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563db81e8991b448e1353