milocko07/maui-signalr-opentelemetry

Example of how to send telemetry from a MAUI real time app

Maui App + SignalR + OpenTelemetry + Prometheus + Grafana

Overview

This repository demonstrates the integration flow from a .NET MAUI App simulating real time stocks information with SignalR Core and sending that telemetry to Prometheus and visualize the data in the Grafana visualization tool.

The goal is to showcase how to monitor and visualize metrics from the MauiAppClient using industry-standard observability opentelemetry + prometheus + grafana tools.

Prerequisites

• Visual Studio 2022 installed.
• Prometheus installed and configured.
• Grafana installed and the prometheus datasource configured.

Setup

1. Clone o download this repository:

   git clone https://github.com/milocko07/maui-signalr-opentelemetry

2. Optionally configure prometheus.yml that you have downloaded from Prometheus web page with your custom configuration (port and times). This is a copy of the one that is used in this project.

3. Run prometheus.exe file from the same folder that you have downloaded from the web page.

4. Open and Run SignalRServer project.

5. Open, configure SignalRServer URL and run ConsoleClientApp project.

6. Open, configure SignalRServer URL and run MauiAppClient

7. You should see next similar results:

8. And now you should see the telemetry data flowing throught Prometheus http://localhost:9090/targets?search and Grafana http://localhost:3000/explore? urls: