azure - 应用程序洞察不记录请求、页面 View 、自定义事件

Question

我已将我的应用程序从开发环境提升到阶段环境应用服务。

但现在我看不到页面 View ，自定义事件记录在我的 Application Insights 中，而在 Dev 中记录得很好。

为什么会发生这种情况？

注意:

1.我使用正确的仪器 key

2.跟踪调用次数为200

3.该应用程序是一个使用 React 构建的 Teams 选项卡应用程序，并使用 React 插件进行应用程序洞察(在开发中工作正常)

4.开发环境的运行时堆栈是 Node.Js，但 Stage 的运行时堆栈是 .NET(这会导致此问题吗？)

另请注意我已完成故障排除指南中的所有场景

Answer 1

您的问题解决了吗？

如果没有，确保安装 React.js 的 npm 包，

 npm install @microsoft/applicationinsights-react-js

 npm install @microsoft/applicationinsights-web

初始化与 Application Insights 的连接:

在 AppInsights.js

import { ApplicationInsights } from '@microsoft/applicationinsights-web';
import { ReactPlugin } from '@microsoft/applicationinsights-react-js';
import { createBrowserHistory } from 'history';

const browserHistory = createBrowserHistory({ basename: '' });
const reactPlugin = new ReactPlugin();
const appInsights = new ApplicationInsights({
    config: {
        instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE',
        extensions: [reactPlugin],
        extensionConfig: {
          [reactPlugin.identifier]: { history: browserHistory }
        }
    }
});
appInsights.loadAppInsights();
export { reactPlugin, appInsights };

然后使用高阶组件函数包装您的组件以在其上启用 Application Insights:

import React from 'react';
import { withAITracking } from '@microsoft/applicationinsights-react-js';
import { reactPlugin, appInsights } from './AppInsights';

// To instrument various React components usage tracking, apply the `withAITracking` higher-order
// component function.

class MyComponent extends React.Component {
    ...
}

// withAITracking takes 4 parameters ( reactPlugin, Component, ComponentName, className) 
// the first two are required and the other two are optional.

export default withAITracking(reactPlugin, MyComponent);

这将帮助您跟踪所有请求、页面浏览量和自定义事件。

另请参阅此文档以获取更多引用:Javascript React SDK Plugin