Skip to content

Mqtt Broker with Real-Time Dashboard UI using ASP.NET Blazor Server.

License

Notifications You must be signed in to change notification settings

mdeclerk/MqttBrokerWithDashboard

Repository files navigation

Mqtt Broker w/ Dashboard

A simple Server-side Application hosting a Mqtt Broker and Dashboard UI for real-time monitoring using ASP.NET Blazor Server to quickly build and test custom Mqtt infrastructure.

MqttBrokerWithDashboard

Run in CLI

  1. Install Microsoft .NET SDK 6.0

  2. Clone Project from GitHub

  3. Start Host from CLI (in Project Root Folder)

    $ dotnet run

  4. Access Dashboard UI in Browser: http://localhost:5000

Run in Docker Container

  1. Install Docker Desktop

  2. Clone Project from GitHub

  3. Run as Docker Service (in Project Root Folder):

    $ docker-compose up -d

  4. Access Dashboard UI in Browser: http://localhost:5000

Configuration

Port configuration is stored in "HostConfig.json" and loaded at startup.

  • Tcp Port: 1883 (regular Mqtt over Tcp)
  • Http Port: 5000
    • "/"-endpoint serves Dashboard UI
    • "/mqtt"-endpoint serves Mqtt over Websocket

Dependencies

  • MQTTnet Mqtt Library that supports Mqtt over WebSockets
  • MudBlazor Material Design UI Framework for Dashboard Web Frontend
  • Json.NET Json Library to load/save Config File