在现代的前端应用程序中，跟踪和监视用户行为对于了解应用程序性能和运行状况至关重要。Microsoft 提供了一种名为 Application Insights 的工具，可帮助应用程序开发人员实现这一目标。而@Microsoft/applicationinsights-rollup-es3 是这个工具在 Rollup.js 的版本。在这篇文章中，我们将详细讲解如何使用这个 npm 包，并提供示例代码和指导。
什么是@Microsoft/applicationinsights-rollup-es3？
@Microsoft/applicationinsights-rollup-es3 这个 npm 包是一个适用于 Rollup.js 的 Microsoft Application Insights 的版本。Rollup.js 是一个 JavaScript 模块打包工具，它支持一些高级功能，如代码拆分和懒加载。使用它打包您的应用程序，可以让您的应用程序更快地加载，更好地缩小，甚至可以按需加载模块。
与 Application Insights 的其他版本一样，@Microsoft/applicationinsights-rollup-es3 可以帮助您监视和跟踪应用程序性能，了解应用程序的行为，并查找潜在的问题。您可以从应用程序跟踪器中收集有关应用程序的活动数据，并将其发送到 Azure 中的 Application Insights 服务中。
如何使用@Microsoft/applicationinsights-rollup-es3？
在下面的步骤中，我们将为您提供如何使用 @Microsoft/applicationinsights-rollup-es3 的详细指南。
第一步：安装@Microsoft/applicationinsights-rollup-es3
首先，我们需要安装 @Microsoft/applicationinsights-rollup-es3。在终端中运行以下命令：
npm install @microsoft/applicationinsights-rollup-es3
第二步：创建并配置 Application Insights 实例
在使用 @Microsoft/applicationinsights-rollup-es3 之前，需要先创建 Application Insights 实例。您可以在 Azure 门户中创建 Application Insights 实例。一旦您创建了 Application Insights 实例并收到了仪表板密钥，就可以将其用于跟踪应用程序了。
第三步：导入并初始化 Application Insights 跟踪器
接下来，我们需要在应用程序中导入 @Microsoft/applicationinsights-rollup-es3 并初始化跟踪器。您需要使用 Application Insights 的仪表板密钥来初始化跟踪器。以下示例展示了如何导入并初始化跟踪器：
-- -------------------- ---- -------
------ - ------------------- - ---- --------------------------------------------
----- ----------- - --- ---------------------
------- -
------------------- --------------------------
-
---
------------------------------第四步：开始跟踪应用程序
一旦您已经为您的应用程序初始化了 Application Insights 跟踪器，您就可以开始跟踪应用程序了。例如，您可以使用以下代码向 Application Insights 中发送自定义事件：
appInsights.trackEvent({
name: 'customEvent',
properties: {
prop1: 'value1',
prop2: 'value2'
}
});这将向 Application Insights 发送一个名为 customEvent 的自定义事件，并包含名为 prop1 和 prop2 的两个属性。
第五步：关闭应用程序时将数据发送到 Application Insights
最后，在关闭应用程序时，您需要将未发送到 Application Insights 的数据都发送出去。您可以使用以下代码来实现此操作：
appInsights.flush();
这将把缓冲区中的数据发送到 Azure Application Insights 服务中。
总结
在这篇文章中，我们已经详细探讨了如何使用 npm 包 @microsoft/applicationinsights-rollup-es3。我们提供了这个包的详细说明和使用指南，说明了如何在应用程序中导入和初始化跟踪器，并向 Application Insights 中发送自定义事件。随着你的应用程序的不断发展，使用这个包将帮助你更好地理解应用程序性能、行为和潜在问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedabf6b5cbfe1ea06108f4