[Question] How to get `operation_Id` and `operation_ParentId` from an Angular front-end?

Hi,

I want to get the operation_Id and operation_ParentId when a request fails so that I can search for the failed operation in Application Insights.

Ideally, I would like to get those IDs after a request is sent by Angular HttpClient. I know the traceparent in the request header contains those IDs, but there seems no way to get the request from Angular HttpClient. I am wondering if @microsoft/applicationinsights-web provides any functions to get those IDs.

Thanks.

[IGx89]

The bug I mentioned above is fixed now in the latest release, so I’m finding it very easy to use now. Here’s my code that adds the trace ID to a user-facing error message when an HTTP request fails (it runs inside an Axios response interceptor):

// Pull the W3C trace context ID from AI and add it to the error message.
if (window.appInsights) {
	const w3cTraceId = window.appInsights.context.telemetryTrace.traceID;
	if (w3cTraceId) {
		errorMessage += ' Error ID: ' + w3cTraceId;
	}
}

The ID, even just the first few characters of it, can then be entered into the Application Insights resource in the portal to find the operation details. Very slick!

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.