在 Azure 應用洞察中跟蹤異常時配置要收集的自定義屬性

Question

我正在使用 Azure App Insights 來跟蹤 React 應用程序中的異常。 如文檔和其他一些教程中所述，拋出的異常由應用洞察 React SDK 自動收集，這非常棒。

但是，我們希望應用洞察力准確收集特定錯誤發生在哪個錯誤邊界，但自動報告​​的錯誤邊界異常沒有此信息。 這使得很難解碼生產構建中錯誤的確切位置。

有沒有辦法讓我們通過 props 在錯誤邊界中定義一個自定義屬性，告訴這個錯誤邊界屬於哪里，並讓應用程序洞察力在報告異常時自動獲取它？

提前致謝。

Answer 1

有沒有辦法讓我們通過 props 在錯誤邊界中定義一個自定義屬性，告訴這個錯誤邊界屬於哪里，並讓應用程序洞察力在報告異常時自動獲取它？

正如MSNev所建議的，將 gist 添加為社區 wiki 答案，以幫助可能面臨類似問題的社區成員。

• 根據AppInsightsErrorBoundary.tsx ， ErrorInfo詳細信息作為附加屬性傳遞給trackException()調用，因此它們應該作為門戶中附加屬性的一部分提供。

• 您還可以使用遙測初始化程序在發送事件之前攔截事件以移動/設置事件的其他屬性。

var telemetryInitializer = (envelope) => {
  envelope.tags["ai.cloud.role"] = "your role name";
  envelope.tags["ai.cloud.roleInstance"] = "your role instance";
}
appInsights.addTelemetryInitializer(telemetryInitializer);

更新的答案：

根據Pavindu的評論，已通過將document.title傳遞給遙測初始化程序中的異常數據包來解決此問題。