
MQTT Client Chrome App - HiveMQ MQTT Toolbox

Written by Sathya Vikram | workswithweb.com
Category: MQTT Toolbox MQTT
Published: March 7, 2016
Short Profile
Attribute | MQTTBox |
---|---|
Type | Chrome App |
License | Free and Open source |
Operating Systems | Windows, Linux & MacOSX |
Description
We didn’t had many tools to debug MQTT messages. Existing tools were OS dependent or were not actively developed. So I chose to develop the Chrome app. After launching on chrome store, they were number of requests coming in to add new features, so as of Feb 22 2016, I decided to rewrite the entire application and make it open source. The existing code is on Github and new code will be written on top of it. I am actively rewriting the app using Angular 2 and Bootstrap to support multiple platforms. My current plan would be to reuse the same code and Apache Cordova to develop mobile apps for MQTT client. All parts are open source, contributions, help and suggestions are always welcome.
Feature Overview
Feature | Available |
---|---|
MQTT 3.1 | ![]() |
MQTT 3.1.1 | ![]() |
LWT | ![]() |
SSL/TLS | ![]() |
Automatic Reconnect | ![]() |
MQTT over TCP | ![]() |
Feature | Available |
---|---|
QoS 0 | ![]() |
QoS 1 | ![]() |
QoS 2 | ![]() |
Authentication | ![]() |
Scripting | ![]() |
MQTT over Websockets | ![]() |
Usage / Features
- Easy to install via chrome store supporting Chrome OS, Linux, Mac OS,Windows
- Add multiple brokers.
- View brokers status (online/offline) just by color code.
- Brokers are auto connected when online.
- Send MQTT messages to broker.
- Save sent history
- Subscribe to multiple topics simultaneously in different portlets.
- Copy/Paste messages from history
- Save subscribe message history
Upcoming Features in new release
- Sync your broker settings and history between different machines with sign in.
- Separate dashboard tab to view all messages on broker and status.
- Redesigned UI.
- Help pages.
- Bug fixes.
Installing From Chrome Store
You can download app from chrome store.
Add multiple brokers
Click on “Add Connection” button to add a broker. A Settings popup opens to add your connection details. You can add any number of brokers.
Add broker setting when you click on “Add Connection” Button.
Below screenshot shows the connection settings popup when you click on the “Add Connection” button.
Broker List
You can add multiple brokers as shown in the screenshot below. All brokers added are shown at the top of the page beside the “Add connection” button. Brokers shown in GREEN are online and RED indicates they are offline.
Publishing message and viewing History
You can publish messages to multiple brokers selecting from list and view history as shown below.
Subscribe to Topic
Click on “Subscribe to New Topic” to open below pop up. You can select a broker and topic name. You can subscribe to any number of topics from different brokers simultaneously and view subscribed messages in real time.
Subscribed to multiple topics and view history
As shown in below screenshot, you can subscribe to multiple topics from different brokers and view messages in real time on the same screen simultaneously.