Home

Awesome

MQTT Wall

Simple web page for show subscribed topics from MQTT server. — Like twitter wall for your MQTT broker.

<p align="center"> <img src="https://raw.githubusercontent.com/bastlirna/mqtt-wall/master/doc/screenshot.png" alt="MQTT Wall Screenshot"> </p>

Status

Build Status Build list Codacy Badge

Main Goal

Demo

You can try demo using Mosquitto test server (test.mosquitto.org).

Usage

  1. Download MQTT wall package (stable version or latest build)
  2. In index.html file there is configuration, put there your broker connection (MQTT over websockets is required).

History

This project was created as demo for my talk about MQTT on conference Linux Days 2015. First version took me about one hour. Since then code base was completely rewritten.

Develop

You will need git, node.js, npm and grunt.

  1. Clone repository
git clone https://github.com/bastlirna/mqtt-wall.git
cd mqtt-wall
  1. Install dev. dependencies
npm install
  1. Build source code and run dev. http server (http://localhost:3000/)
grunt serve

Alternatively you can run grunt build to build source code (new directory dist will show up) or run grunt watch that will stay running and build src. whenever source code changed. grunt server does both and additionally serve result via BrowserSync.

If you need dev. MQTT broker, go to

cd tools/test-broker
npm install
node test-broker.js

Favicon

<img src="https://raw.githubusercontent.com/bastlirna/mqtt-wall/master/src/style/favicon/android-chrome-192x192.png" alt="MQTT Wall Icon" align="left" style="margin: 5px 15px 5px 5px" width="64" height="64">

Modified icon Magnifier with dollar made by Freepik from www.flaticon.com, licensed by [CC 3.0 BY](http://creativecommons.org/licenses/by/3.0/.

Favicon generated by realfavicongenerator.net