简介
@microsoft/applicationinsights-analytics-js 是一款由微软开发的 JavaScript 应用程序监视工具。它可以帮助开发人员深入了解他们的应用程序运行情况，从而更好地诊断和优化它们。在本教程中，我们将介绍如何使用 @microsoft/applicationinsights-analytics-js 包来收集和分析数据，以及如何将这些数据用于优化应用程序的性能和用户体验。
安装及配置
你可以使用 npm 包管理器来安装 @microsoft/applicationinsights-analytics-js 包。要安装它，请打开终端并键入以下命令：
npm install @microsoft/applicationinsights-analytics-js
安装完成后，你需要在你的应用程序中引入该包并配置其参数。以下是一个示例代码片段，演示了如何引入 @microsoft/applicationinsights-analytics-js 包并配置它：
-- -------------------- ---- ------- ------ - -- ----------- ---- ---------------------------------------------- -- --- ----------- -------- ------------------------ ------------------- --------------------------- --- -- ------ ------------------------ ----- ------------------- ---展开代码
在此示例中，我们使用 initialize 函数来初始化 application insights，并向其提供一个键（instrumentationKey）以便将数据发送到相应的应用程序监视仪。我们还使用 trackEvent 函数来跟踪一个事件。这个事件将被记录在 application insights 仪表板上，你可以在仪表板上查看该事件的详细信息。
使用方式
@microsoft/applicationinsights-analytics-js 包提供了许多不同的功能和方法，使开发人员能够深入了解应用程序的性能和用户体验。以下是一些用于跟踪性能的例子：
跟踪页面视图
appInsights.startTrackPage("Page Name");
此方法将开始跟踪页面视图。在此调用之后，所有的页面视图跟踪都将被自动记录。
跟踪自定义事件
appInsights.trackEvent({ name: "Custom Event Name" });
此方法将记录自定义事件。你可以在应用程序监视仪表板上查看这些事件的详细信息，以了解事件的频率和当前状态。
跟踪请求
-- -------------------- ---- ------- ------------------------------ ----- -------- ------ --------- ---- ----------- ---- -------- ----- ---- -------------------------------- ------------ ----- ------------- ----- ---展开代码
此方法将记录一个 HTTP 请求。你可以在应用程序监视仪表板上查看这些请求的详细信息，以了解请求的延迟、大小以及成功率。
跟踪异常
try { // 你的代码 } catch (e) { appInsights.trackException({ exception: e }); }
此方法将记录一个异常。你可以在应用程序监视仪表板上查看这些异常的详细信息，并找到导致它们的原因。
总结
@microsoft/applicationinsights-analytics-js 包是一款功能强大的 JavaScript 应用程序监视工具。它可以帮助你深入了解你的应用程序的性能和用户体验，从而更好地诊断和优化它们。我们希望这篇教程能够帮助你开始使用 @microsoft/applicationinsights-analytics-js 包，并为你的应用程序带来更好的用户体验和更高效的性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedabf5b5cbfe1ea06108ed
