什么是 @microsoft/applicationinsights-properties-js
@microsoft/applicationinsights-properties-js 是微软提供的一款应用性能监测 (APM) 工具，它可以用来监测网站、移动应用和服务的性能及用户行为，为开发者提供丰富的监测数据和分析报告。
此包是 JavaScript 版的应用性能监测 (APM) 工具，支持浏览器和 Node.js 环境，可以提供性能监测、用户跟踪、日志监测等功能。
安装
可以用 npm 进行安装：
npm install @microsoft/applicationinsights-properties-js
使用
以下简单介绍如何在前端项目中使用 @microsoft/applicationinsights-properties-js。
初始化
在使用 @microsoft/applicationinsights-properties-js 的任何功能之前，都需要先初始化 SDK 并建立与 APM 服务的连接。初始化包括：
- 注册应用的 Instrumentation Key；
- 配置 SDK 基本设置，例如采样率等；
- 启动自动网页测速和 Ajax 监测；
- 发送初始化包。
具体示例如下：
import * as appInsights from '@microsoft/applicationinsights-properties-js';
appInsights.init({
instrumentationKey: 'your_instrumentation_key',
autoTrackPageVisitTime: true,
samplingPercentage: 40,
enableAjaxErrorStatusText: true
});发送事件
使用 @microsoft/applicationinsights-properties-js 可以发送各种类型的事件，例如页面浏览、自定义性能监测事件、用户行为事件等。以下是一个简单的自定义事件示例：
appInsights.trackEvent({ name: 'MyCustomEvent', properties: { key: 'value' } });上下文
采集到的监测数据需要有对应的上下文信息才能更好地展示和分析。SDK 可以自动采集一些上下文信息，例如浏览器版本、屏幕分辨率、操作系统版本等。开发者也可以在代码中指定上下文信息，例如：
appInsights.setAuthenticatedUserContext(userId, accountId);
appInsights.context.addTelemetryInitializer((envelope) => {
envelope.tags["ai.user.role"] = 'administrator';
});链路追踪
链路追踪是指将一个用户请求从前端发起直至后端完成的整个过程记录下来，并展示成一个完整的、可追溯的链路。@microsoft/applicationinsights-properties-js 可以自动记录前端 对后端的所有请求，并将其展示在链路追踪图表中，方便开发者进行分析和优化。
appInsights.startTrackPage('pageName');
appInsights.stopTrackPage('pageName');指导意义
使用 @microsoft/applicationinsights-properties-js 可以帮助开发者快速定位性能瓶颈、异常行为和潜在问题，从而及时进行优化和调整，提升用户体验和应用运行效率。总结起来，它的主要好处包括：
- 提供丰富的性能监测数据和分析报告；
- 监测用户行为和异常情况；
- 方便定位性能瓶颈和调整代码；
- 可以优化项目整体架构和运行效率。
综上所述，@microsoft/applicationinsights-properties-js 是前端应用性能监测的一款高效且实用的工具，有助于提升应用性能，提高用户体验，优化代码质量。希望本文能为前端开发者们提供一些有用的参考和实践。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedabf6b5cbfe1ea06108fa