我有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和页面信息)。除了以上所述,还有什么需要做的吗?
1条答案
按热度按时间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。