如何将 Azure 应用程序洞察与 nextjs 应用程序结合使用

Question

我想将 Azure app insight 与 nextjs 一起使用，但无法做到，任何人都可以帮助我吗？

Answer 1

您可以通过使用默认的反应 plug-in 将 azure app insight 与 nextjs 一起使用，并且您必须为 nextjs 创建自己的历史对象，在页面加载后您可以使该历史对象 = window.history 目的。之后，您可以在该历史对象的帮助下启动应用洞察。这将解决您的问题。我写了一篇关于相同的文章，你可以看到这个 link 以供参考。 https://medium.com/@nirbhayluthra/integrating-azure-application-insights-with-next-js-the-easy-way-afc83596afad

Answer 2

I want to use Azure app insight with nextjs but unable to do it , can anyoe help me with that?

您可以使用 next-applicationinsights (package created by goenning) 通过 Azure Application Insights 自动跟踪 Next.js 应用程序的页面视图、依赖项调用和异常。

安装：

npm install next-applicationinsights

示例：

import App, { Container } from 'next/app'
import { withApplicationInsights } from 'next-applicationinsights';
 
class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props
 
    return (
      <Container>
        <Component {...pageProps} />
      </Container>
    )
  }
}
 
export default withApplicationInsights({ 
  instrumentationKey: 'YOUR_KEY_GOES_HERE',
  isEnabled: true //process.env.NODE_ENV === 'production'
})(MyApp)

可以参考Application Insights Usage with NextJS , Enabling the Node.js Application Insights SDK in Next.js and How to use the library with Nextjs?

如何将 Azure 应用程序洞察与 nextjs 应用程序结合使用

How to use Azure application insights with nextjs app

azure

next.js

azure-application-insights