如何使用js sdk在azure app insight中记录请求计数和页面浏览量

h6my8fg2  于 2023-10-22  发布在  其他
关注(0)|答案(1)|浏览(103)

我有nextJs应用程序。
Telemetry.ts

import { ApplicationInsights } from '@microsoft/applicationinsights-web';

const appInsights = new ApplicationInsights({
  config: {
    connectionString:
      'InstrumentationKey=<<connectionString>>',
  },
});

appInsights.loadAppInsights();
export { appInsights };

Document.ts

import { Html, Head, Main, NextScript } from 'next/document';
import Script from 'next/script';
import { appInsights } from 'services/telemetry';

appInsights.trackPageView();
appInsights.startTrackPage();
const Document = () => {
return ();
}

1.文档页面是主页。因此,当我点击主页时,我可以看到PageViews日志正在日志表中填充。但它并没有给给予任何信息如下。我所期望的是至少加载此应用程序的页面的URL。但下面的信息并没有提供任何东西。

1.我读到了操作与依赖之间的区别。请求将被标记在操作下,响应将被标记在依赖项下(如果我错了请纠正我)。但在上述情况下,即使我可以看到日志中的页面浏览量。在操作和依赖项中,我都没有看到请求计数的图形峰值。我还漏了什么吗
1.如何记录我访问的每个页面的请求(url和页面信息)。除了以上所述,还有什么需要做的吗?

d5vmydt9

d5vmydt91#

感谢@Nirbhay luthra在Next JS应用程序中集成应用程序洞察的明确步骤。
正如Nirbhay luthra所提到的,我们可以使用React插件来跟踪页面浏览量和请求。
您可以在MSDoc 1和2中看到相同的内容
要记录页面浏览量和请求,您需要在应用程序的默认页面/主页中添加js脚本。
但它并没有给给予任何信息如下。我所期望的是至少加载此应用程序的页面的URL。
您可以在Application Insights的交易部分查看request/ page view的详细信息。

点击任何一个请求,它将被导航到End-to-end transaction details,其中包含URL和其他详细信息。

  • 请查看第二节中的详细信息和图表。

参考SO Thread,我已经回答了Angular。

相关问题