Skip to content

Add OpenTelemetry Collector and Grafana Dashboards #871

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
askpt merged 8 commits into from
Jul 4, 2026
Merged

Add OpenTelemetry Collector and Grafana Dashboards #871

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
07b499a
feat: Add OpenTelemetryCollector package to Community and AppHost pro…
askpt Jul 4, 2026
be0f899
feat: Integrate OpenTelemetry collector and add configuration file
askpt Jul 4, 2026
74d2f34
feat: Add Grafana LGTM stack and update OpenTelemetry configuration f…
askpt Jul 4, 2026
276fbb0
feat: Add Grafana dashboard provisioning and initial OpenFeature over…
askpt Jul 4, 2026
17f8d26
feat: Add Grafana dashboard for feature flag evaluation metrics
askpt Jul 4, 2026
52d737f
feat: Update Grafana provisioning path and add OpenTelemetry collecto…
askpt Jul 4, 2026
2480681
feat: Refactor Grafana provisioning and enhance OpenTelemetry configu…
askpt Jul 4, 2026
1e8d4a8
feat: Update OpenTelemetry configuration for browser telemetry and ad…
askpt Jul 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Directory.Packages.props
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
</ItemGroup>
<ItemGroup Label="Community Packages">
<PackageVersion Include="CommunityToolkit.Aspire.Hosting.Flagd" Version="13.4.0" />
<PackageVersion Include="CommunityToolkit.Aspire.Hosting.OpenTelemetryCollector" Version="13.4.0" />
<PackageVersion Include="Scalar.Aspire" Version="0.11.2" />
</ItemGroup>
<ItemGroup Label="Microsoft Packages">
Expand Down
21 changes: 21 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,27 @@ aspire run
- Web Frontend: [https://localhost:7070](https://localhost:7070)
- API Service: [https://localhost:7071](https://localhost:7071)
- Aspire Dashboard: [https://localhost:15888](https://localhost:15888)
- Grafana (LGTM): [http://localhost:3000](http://localhost:3000) (`admin` / `admin`)
Comment thread
askpt marked this conversation as resolved.
Outdated

### Provisioned Grafana Dashboards

Grafana dashboard provisioning is configured in the AppHost and mounted into the LGTM container.

- Provider config: `src/Garage.AppHost/grafana/provisioning/dashboards/custom.yaml`
- Dashboard JSON folder: `src/Garage.AppHost/grafana/provisioning/dashboards/custom/`

To add an external dashboard:

1. Export or download the dashboard JSON.
2. Place it in `src/Garage.AppHost/grafana/provisioning/dashboards/custom/`.
3. Restart Aspire (`aspire run`) so LGTM reloads provisioned dashboards.
4. Open Grafana and navigate to the **OpenFeature** folder.

The starter dashboard includes datasource placeholder variables you can reuse in your panels:

- `$metrics_ds` (Prometheus)
- `$logs_ds` (Loki)
- `$traces_ds` (Tempo)

### 6. OpenAPI and Scalar Documentation (Development)

Expand Down
1 change: 1 addition & 0 deletions src/Garage.AppHost/Garage.AppHost.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
<PackageReference Include="Aspire.Hosting.JavaScript" />
<PackageReference Include="Aspire.Hosting.Python" />
<PackageReference Include="CommunityToolkit.Aspire.Hosting.Flagd" />
<PackageReference Include="CommunityToolkit.Aspire.Hosting.OpenTelemetryCollector" />
<PackageReference Include="Scalar.Aspire" />
</ItemGroup>

Expand Down
15 changes: 14 additions & 1 deletion src/Garage.AppHost/Program.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,20 @@

var builder = DistributedApplication.CreateBuilder(args);

var grafanaProvisioningPath = Path.Combine(builder.AppHostDirectory, "grafana", "provisioning", "dashboards");

// Add Grafana LGTM stack (Loki, Tempo, Prometheus, Pyroscope, Grafana)
var lgtm = builder.AddContainer("lgtm", "grafana/otel-lgtm", "latest")
.WithHttpEndpoint(port: 3000, targetPort: 3000, name: "grafana")
.WithBindMount(grafanaProvisioningPath, "/otel-lgtm/grafana/conf/provisioning/dashboards", isReadOnly: true)
Comment thread
askpt marked this conversation as resolved.
Outdated
.WithExternalHttpEndpoints();

// Add collector for OpenTelemetry signals
var collector = builder.AddOpenTelemetryCollector("opentelemetry-collector")
.WithConfig("otel/config.yaml")
.WithAppForwarding()
.WaitFor(lgtm);
Comment thread
askpt marked this conversation as resolved.
Outdated

// Add Azure Container App Environment for publishing
var containerAppEnvironment = builder
.AddAzureContainerAppEnvironment("cae");
Expand Down Expand Up @@ -59,7 +73,6 @@
var flagsApi = builder.AddGoApp("flagsapi", "../Garage.FeatureFlags/")
.WithHttpEndpoint(env: "PORT")
.WithExternalHttpEndpoints()
.WithEnvironment("OTEL_EXPORTER_OTLP_PROTOCOL", "http/protobuf")
.PublishAsDockerFile();

if (!builder.ExecutionContext.IsPublishMode)
Expand Down
12 changes: 12 additions & 0 deletions src/Garage.AppHost/grafana/provisioning/dashboards/custom.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
apiVersion: 1

providers:
- name: "OpenFeature Dashboards"
orgId: 1
folder: "OpenFeature"
type: file
disableDeletion: false
allowUiUpdates: true
options:
path: /otel-lgtm/grafana/conf/provisioning/dashboards/custom
foldersFromFilesStructure: false
Loading
Loading