https://github.com/bitovi/mqtt-intro

As part of Bitovi's Introduction to MQTT article, this repo allows you to run an `aedes` MQTT broker.
https://github.com/bitovi/mqtt-intro

Last synced: about 8 hours ago
JSON representation

As part of Bitovi's Introduction to MQTT article, this repo allows you to run an `aedes` MQTT broker.

• Host: GitHub
• URL: https://github.com/bitovi/mqtt-intro
• Owner: bitovi
• Created: 2022-04-29T22:54:11.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-05-02T23:14:53.000Z (over 2 years ago)
• Last Synced: 2024-04-14T22:37:33.752Z (7 months ago)
• Language: JavaScript
• Size: 369 KB
• Stars: 0
• Watchers: 8
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MQTT Server/Broker Example

As part of Bitovi's Introduction to MQTT article, this repo allows you to run an `aedes` MQTT broker.  To start the server:

- `npm i`

- `npm start`

## Trying Out the Server

You can use the [MQTT Box Chrome App](https://chrome.google.com/webstore/detail/mqttbox/kaajoficamnjijhkeomgfljpicifbkaf/related) to subscribe to and publish messages.

### Create an MQTT Client

Once you've installed and opened MQTT Box, you should see the option to create an MQTT client. If not, navigate to "Clients" in the menu.  Click the "Create MQTT Client" button:

![MQTT Box Clients Page](./img/create-mqtt-client.png)

You'll be presented with the below form for creating a client.  There are three values which need to be filled in, as shown in the form, below.

- MQTT Client Name: `Client` (or any value, really)

- Protocol: `mqtt/tcp` (we didn't enable other options)

- Host: `localhost:1883` (to match the port on the server)

![Creating an MQTT Client in MQTT Box](./img/connecting-to-mqtt-broker.png)

Don't forget to save. ;)

### Subscribing and Publishing

Once you've created an MQTT client, you'll see a blue-bordered pane on the left titled "Topic to publish" and an orange-bordered pane on the right called "Topic to subscribe":

![Ready to Publish/Subscribe with MQTT Box](./img/filling-in-publish-subscribe.png)

You *could* fill in the topic on the publish side and start publishing, but you won't see anything happen after you subscribe. To witness the UI changing, you need to create a subscriber, first.  Fill in the topic on the subscriber and press the "Subscribe" button. Now you can fill in the payload field on the publish side and hit "Publish".  And voila! The UI for the Subscriber will update with the message contents:

![Successful Pub/Sub with MQTT Box](./img/success.png)