如何在Microsoft AppInsights中的Angular TypeScript中添加自定义角色

Question

我有一个角度的项目，我想包括与遥测（自定义角色）的AppInsight。这个项目是用Angular和TypeScript编写的，我遵循了本教程来集成Angular项目中的用词，它似乎工作得很好。我按照这个链接添加了自定义遥测（带有角色），但它是用Java/JavaScript/node.js编写的

当我尝试使用JS代码时

this.appInsights.queue.push(() => {
      this.appInsights.addTelemetryInitializer((envelope) => {
        envelope.tags["ai.cloud.role"] = "your role name";
        envelope.tags["ai.cloud.roleInstance"] = "your role instance";
      });
    });

我有一个错误：

TS2339: Property 'queue' does not exist on type 'Initialization'. 

this.appInsights.addTelemetryInitializer(envelope => {
  envelope.tags['ai.cloud.role'] = 'your cloud role name';
  envelope.baseData.properties['item'] = 'some property';
});

import {Injectable} from '@angular/core';
import {environment} from '../../../../environments/environment';
import {ApplicationInsights} from '@microsoft/applicationinsights-web';

@Injectable()
export class MonitoringService {
  appInsights: ApplicationInsights;

  constructor() {
    this.appInsights = new ApplicationInsights({
      config: {
        instrumentationKey: environment.appInsights.instrumentationKey,
        enableAutoRouteTracking: true // option to log all route changes
      }
    });
    this.appInsights.queue.push(() => {
      this.appInsights.addTelemetryInitializer((envelope) => {
        envelope.tags["ai.cloud.role"] = "your role name";
        envelope.tags["ai.cloud.roleInstance"] = "your role instance";
      });
    });
    this.appInsights.loadAppInsights();
  }

  logPageView(name?: string, url?: string) { // option to call manually
    this.appInsights.trackPageView({
      name: name,
      uri: url
    });
  }

  logEvent(name: string, properties?: { [key: string]: any }) {
    this.appInsights.trackEvent({name: name}, properties);
  }

  logMetric(name: string, average: number, properties?: { [key: string]: any }) {
    this.appInsights.trackMetric({name: name, average: average}, properties);
  }

  logException(exception: Error, severityLevel?: number) {
    this.appInsights.trackException({exception: exception, severityLevel: severityLevel});
  }

  logTrace(message: string, properties?: { [key: string]: any }) {
    this.appInsights.trackTrace({message: message}, properties);
  }
}

当我打开用词时，有一个角色，但它没有正确设置

Answer 1

我没有完全相同的问题，但我需要在loadAppInsigthts之后运行遥测初始化器，如下所示：

      this.appInsights.loadAppInsights();

      const telemetryInitializer = (envelope) => {
        envelope.tags['ai.cloud.role'] = 'name-of-your-app';
      };
      this.appInsights.addTelemetryInitializer(telemetryInitializer);

（来源:https://github.com/microsoft/applicationinsights-js#example-setting-cloud-role-name)

那有什么区别吗？