Add App Insights for web

bronthulke · Jun 30, 2024 · 7d59a96 · 7d59a96
1 parent 96ef422
commit 7d59a96
Show file tree

Hide file tree

Showing 3 changed files with 182 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "servelocal": "npm run build && swa start dist --api api"
   },
   "dependencies": {
+    "@microsoft/applicationinsights-web": "^3.2.2",
     "bootstrap": "^4.6.0",
     "bootstrap-vue": "^2.21.2",
     "core-js": "^3.6.4",

diff --git a/src/main.js b/src/main.js
@@ -6,6 +6,17 @@ import '@/styles.css'
 
 Vue.config.productionTip = false
 
+const appInsights = new ApplicationInsights({ 
+  config: {
+    connectionString: "process.env.VUE_APP_APPINSIGHTS_CONNECTION_KEY"
+    /* …Other Configuration Options… */
+  }
+});
+
+appInsights.loadAppInsights();
+
+appInsights.trackPageView();
+
 new Vue({
   render: h => h(App),
 }).$mount('#app')