---
title: "Sending (browser) OpenTelemetry traces from an Angular Application to .NET Aspire"
url: https://daily.dev/posts/sending-browser-opentelemetry-traces-from-an-angular-application-to-net-aspire-ynhqxzrx4
source_url: https://timdeschryver.dev/blog/sending-browser-opentelemetry-traces-from-an-angular-application-to-net-aspire
type: article
source: "Tim Deschryver"
author: "Tim Deschryver"
published: 2026-05-31T07:47:13.991Z
updated: 2026-06-01T04:00:18.923Z
tags: ["typescript", "angular", "observability", "opentelemetry"]
reading_time: 5
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Sending (browser) OpenTelemetry traces from an Angular Application to .NET Aspire

**[Tim Deschryver](https://daily.dev/sources/timdeschryver)** · [@timdeschryver](https://daily.dev/timdeschryver) · 5 min read · 0 upvotes · 0 comments

## Summary

A step-by-step guide on integrating browser-side OpenTelemetry tracing from an Angular application into the .NET Aspire Dashboard, a feature newly supported in .NET 9. Covers configuring the Aspire AppHost to include an Angular project, enabling browser telemetry via the DOTNET_DASHBOARD_OTLP_HTTP_ENDPOINT_URL environment variable (which switches from gRPC to Protobuf over HTTP and configures CORS), updating Angular instrumentation to use the OTLP Protobuf exporter, and proxying trace requests through the Angular dev server with proper authentication headers. The result is end-to-end trace visibility from the Angular frontend through to the .NET backend API in the Aspire Dashboard.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://timdeschryver.dev/blog/sending-browser-opentelemetry-traces-from-an-angular-application-to-net-aspire>

---

Tags: [#typescript](https://daily.dev/tags/typescript), [#angular](https://daily.dev/tags/angular), [#observability](https://daily.dev/tags/observability), [#opentelemetry](https://daily.dev/tags/opentelemetry)

[View this post on daily.dev](https://daily.dev/posts/sending-browser-opentelemetry-traces-from-an-angular-application-to-net-aspire-ynhqxzrx4)
