Overview
A Google Chrome application, which connects to a MQTT broker and is able to subscribe and publish to MQTT topics.
A Google Chrome application, which connects to a MQTT broker and is able to subscribe and publish to MQTT topics.
Details
-
Version
0.0.14
-
Updated
February 22, 2018
-
Offered by
MQTTLens
-
Size
1.86MiB
-
Languages
-
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
The developer has not provided any information about the collection or usage of your data.
Support
Related
ModHeader — Modify HTTP headers
3.2(1.1K)
Modify HTTP request headers, response headers, and redirect URLs
Postman Interceptor
4.3(957)
Capture requests from any website and send them to Postman Client.
Stylus
4.5(1.1K)
Redesign the web with Stylus, a user styles manager. Stylus allows you to easily install themes and skins for many popular sites.
Selenium IDE
3.4(287)
Selenium Record and Playback tool for ease of getting acquainted with Selenium WebDriver.
GoFullPage — Full Page Screen Capture
4.9(79.4K)
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
ColorZilla
4.6(3.9K)
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
JSON Formatter
4.6(1.9K)
Makes JSON easy to read. Open source.
User-Agent Switcher for Chrome
3.9(2.6K)
Spoofs & Mimics User-Agent strings.
Lighthouse
4.4(321)
Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.
Similarweb — Website Traffic & SEO Checker
4.6(3.4K)
Instant website analysis and SEO metrics at your fingertips.
Clear Cache
4.5(1.1K)
Powerful, user-friendly browser data management, right from your toolbar.
SEO META in 1 CLICK
4.9(1.2K)
Displays all meta data and main SEO information for the best SEO
ModHeader — Modify HTTP headers
3.2(1.1K)
Modify HTTP request headers, response headers, and redirect URLs
Postman Interceptor
4.3(957)
Capture requests from any website and send them to Postman Client.
Stylus
4.5(1.1K)
Redesign the web with Stylus, a user styles manager. Stylus allows you to easily install themes and skins for many popular sites.
Selenium IDE
3.4(287)
Selenium Record and Playback tool for ease of getting acquainted with Selenium WebDriver.
GoFullPage — Full Page Screen Capture
4.9(79.4K)
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
ColorZilla
4.6(3.9K)
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
JSON Formatter
4.6(1.9K)
Makes JSON easy to read. Open source.
User-Agent Switcher for Chrome
3.9(2.6K)
Spoofs & Mimics User-Agent strings.
MQTTLens Chrome App
Get started and loading the Dev version of MQTTLens
git clone https://github.com/sandro-k/MQTTLensChromeApp.git
cd MQTTLensChromeApp
git submodule init
git submodule update
npm install
bower install
grunt
This will build MQTTlens in to the build directory. Navigate to chrome://extensions/ in Chrome and load the build
folder as a Chrome App.
To debug MQTTlens installed from the Chrome App Store brows to chrome://inspect/#apps
Other installations needed
You will also need a few other tools installed to properly complete the build:
- Ruby — see https://www.ruby-lang.org/en/
- NodeJS — see https://nodejs.org/en/
- bower —
npm install -g bower - sass
gem install sass - Grunt
npm install -g grunt-cli
Live reload
grunt watch
Changelog
0.0.13
- using in mqtt-message-detail-ui.html
0.0.12
- replacing × with x in mqtt-message-detail-ui.html
0.0.11
- adding the ability to connect/disconnect on demand
0.0.10
- making JSON paylod copyable
0.0.9
- trim connection strings on save MQTTLensChromeApp/issues/7
0.0.2
- Updated to Polymer 0.5.5 and webcomponents.js
0.0.1 Initial release
I have compiled a list of various MQTT clients that I use on for testing purposes for both mobile & desktop users.
If you are new to MQTT please see this post first:
Fundamentals of MQTT
MQTT.fx For Desktop(Windows/macOS/Linux)
This is an MQTT client written in Java for Desktop users. I highly recommend using this MQTT client. It has all the features you need in an MQTT client.
Pros:
- Script Tab – To write your own javascript functions to automate testing.
- Broker Status Tab – To see the broker version, number of clients connected & number of messages. (This works only for mosquito brokers)
- Log Tab- To see all the interactions taken place between the client & the broker.
- Very clean UI & easy-to-use.
Supported OS: Windows, macOS, Most Linux Distros
Device: Desktop Only
Download
MQTT Dashboard for Android
MQTT dashboard is an MQTT client for Android devices. An MQTT client on your mobile makes it easier to test IoT deployments on-the-go. Carrying a laptop can be painstaking if you need to keep moving from place to place test your IoT deployment.
Pros:
- Customizable components like buttons switch to make publishing easier.
- Data Visualization with graphs
- Extract data from JSON payloads(Premium Version)
- Conditional based notifications(Premium version)
Cons:
- Android Only
- Auto-reconnect is available only in the premium version.
Device: Android Mobiles Only
Download
MQTT Dash for Android
This app is far more advanced than the MQTT Dashboard but I prefer MQTT Dashboard as it is more minimalist & easier for beginners. This app can be used to quickly create an MQTT dashboard on your phone.
Pros:
- Feature Rich with graphs, camera support, custom scripting with javascript
- Elegant UI
- Automatic Reconnection
Device: Android Mobile Only
Download
MQTTool for iOS
MQTTools is the best FREE MQTT client for iOS. It has all the basic features of an MQTT client but it lacks any additional features provided by MQTT Dashboard for Android.
Pros:
- Free & Has All Basic Features
Cons:
- Not as feature rich as MQTT Dashboard.
- Old-fashioned UI. Gets the job done but can be improved.
Device: iOS Mobile Users Only
Download
MQTTLens (Windows/macOS/Linux)
I was using MQTTLens until I switched to MQTT.fx. This MQTT client can be downloaded from the chrome store so it will work on any OS that supports Chrome browser. It has all the basic features for an MQTT client but nothing more. It also has a clean UI.
Pros:
- Works on any OS that supports chrome.
- Clean UI and has all the basic features
Cons:
- Doesn’t provide any automation tools like MQTT.fx
Devices: All Desktop devices that support Chrome browser.
Download
In this post I will try to outline how to use Mqtt Lens an useful chrome extension developed by Sanndro which can help you test the installation done as per my previous post Mosquitto broker installation.
MQTT Lens is a Chrome Extension available to use along with Chrome Browser for the purpose of connecting to a MQTT Broker and test with publish/subscribe scenarios of MQTT Messages. This is a very useful tool to check the connectivity to the MQTT broker and to check various scenarios of publishing and subscribing messages. I have tested this tool myself with Mosquitto and RabbitMQ+Mqtt Plug in scenarios.
In this post we will go through step by step on how to install and configure Mqtt Lens and use it 10 simple steps.
Step 1: Make sure you have chrome browser installed and have internet connectivity.
Step 2: You can click the URL here to go to the extension or chrome app instantly alternatively you can approach the method outline in the the github page of sandro-k (This post will give notes based on the URL provided for chrome extension installation)
Step 3: Once you have the extension installed by clicking the Install or Launch App as given in this blog post
Step 4: Once you have installed it navigate to Chrome App Launcher which would probably in the Windows Task bar as shown in the picture on to your right.
Step 5: Once you click the Mqtt Lens Icon from the chrome app launcher you will see the following screen.
Step 6: Before you add the connection ensure the broker is running. For this you might need the information about the broker and make sure the broker service is already running in the Windows with port 1883. You can check this using netstat -an.
Step 7: Now you need to add the Connection. For this you might need the IP address or Hostname, in this example I have provided the IP Address which will be most important parameter and click create connection.
Step 8: Now once you click create connection you will be taken to the screen where in you will need to provide the publish and subscribe information to test the broker or to work with the broker.
Step 9: In the above example you could realize that the # symbol in the Subscribe input box helps you to subscribe to all the content available in the queue to the available. You can look at the data in both Json format or plain text message
Step 10: Information on the message can be obtained by clicking the information button on the right hand side of the message. Screenshot given below:
You can add more connections and play with Mqtt Messages. Thanks. Please share your view and comments on this post.
Nitin Shukla
Welcome to my technical domain! I’m Nitin, a seasoned tech enthusiast and problem-solver with a remarkable 18-year journey in the field of industrial automation, specializing in PLC, DCS, and SCADA systems. I hold a Master’s degree (M. Tech) that has equipped me with advanced knowledge and expertise. Along the way, I’ve also delved into the exciting realms of AI, ML, Data Science and Analytics.
Through this blog, I aim to demystify complex concepts, share practical insights, and keep you updated on the latest tech trends in these diverse fields. Whether it’s coding, gadgets, or harnessing data for smarter decision-making, I’m your guide in the ever-evolving landscape of technology. Join me as we explore the fascinating intersections of automation, data science, and analytics together…