Book Image

MQTT Essentials - A Lightweight IoT Protocol

5 (1)
Book Image

MQTT Essentials - A Lightweight IoT Protocol

5 (1)

Overview of this book

This step-by-step guide will help you gain a deep understanding of the lightweight MQTT protocol. We’ll begin with the specific vocabulary of MQTT and its working modes, followed by installing a Mosquitto MQTT broker. Then, you will use best practices to secure the MQTT Mosquitto broker to ensure that only authorized clients are able to publish and receive messages. Once you have secured the broker with the appropriate configuration, you will develop a solution that controls a drone with Python. Further on, you will use Python on a Raspberry Pi 3 board to process commands and Python on Intel Boards (Joule, Edison and Galileo). You will then connect to the MQTT broker, subscribe to topics, send messages, and receive messages in Python. You will also develop a solution that interacts with sensors in Java by working with MQTT messages. Moving forward, you will work with an asynchronous API with callbacks to make the sensors interact with MQTT messages. Following the same process, you will develop an iOS app with Swift 3, build a website that uses WebSockets to connect to the MQTT broker, and control home automation devices with HTML5, JavaScript code, Node.js and MQTT messages
Table of Contents (16 chapters)
MQTT Essentials - A Lightweight IoT Protocol
About the Author
About the Reviewer
Customer Feedback

Creating an HTML 5 web page to control LEDs

First, we will create a new HTML 5 file called home_automation.html. The web page will also use a pure JavaScript color picker: JSColor. The main web page for JSColor is . The following lines show the code for the single web page for our web application. The code file for the sample is included in the mqtt_essentials_gaston_hillar_05 folder, in the home_automation.html file:

    <script src="paho.javascript-1.0.2/mqttws31.js"></script">
    <script src="jscolor-2.0.4/jscolor.js""></script>
    <script src="home_automation.js""></script>
    <title">MQTT over WebSockets Sample</title>
    <div id="status"">Not connected with MQTT Server</div>
    <div id="led-1">
        Select color for LED #1
        <input class="jscolor" onchange="APP.HomeAutomation...