Javascript & WS

Javascript & WS

We will use the MQTT.js library for our JavaScript client, available at MQTT.js GitHub Repository.

Node.js

Install mqtt.js library.

npm install mqtt --save

Create main.js file.

const mqtt = require("mqtt");

const client = mqtt.connect("mqtt://127.0.0.1:5653", {
    clean: true,
    connectTimeout: 3000,
    autoUseTopicAlias: true,
    protocolVersion: 5,
});

client.on("connect", () => {
    client.subscribe("db/reply/#", (err) => {
        if (!err) {
            const req = {
                q: "SELECT * FROM example where name = 'neo_cpu.percent' limit 3",
                format: "box",
                timeformat: "default",
                tz: "local",
                precision: 2
            };
            client.publish("db/query", JSON.stringify(req));
        }
    });
});

client.on("message", (topic, message) => {
    console.log(message.toString());
    client.end();
});

Run main.js with node command.

$ node main.js

+-----------------+-------------------------+-------+
| NAME            | TIME                    | VALUE |
+-----------------+-------------------------+-------+
| neo_cpu.percent | 2024-09-06 14:46:19.852 | 69.40 |
| neo_cpu.percent | 2024-09-06 14:46:22.853 | 26.40 |
| neo_cpu.percent | 2024-09-06 14:46:25.852 | 42.80 |
+-----------------+-------------------------+-------+

Websocket

Since Machbase Neo v8.0.28, MQTT over WebSocket is supported.

To include MQTT.js in our project, embed it from the CDN using the following script tag:

<script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>

By default, the WebSocket address for MQTT is ws://127.0.0.1:5654/web/api/mqtt, served by the Machbase Neo HTTP server.

<html>

<head>
    <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
</head>

<body>
    <script type="text/javascript">
        const url = 'ws://localhost:5654/web/api/mqtt'

        // Create an MQTT client instance
        const options = {
            // Clean session
            clean: true,
            connectTimeout: 4000,
        }
        const client = mqtt.connect(url, options)
        client.on('connect', function () {
            console.log('Connected')
            // Subscribe to a 'db/reply' topic to receive the result of our query
            client.subscribe('db/reply', function (err) {
                if (!err) {
                    // Publish a query to a topic 'db/query'
                    const req = {q: "SELECT * FROM example limit 10", format:"box", precision: 2}
                    client.publish('db/query', JSON.stringify(req))
                }
            })
        })

        // Receive messages
        client.on('message', function (topic, message) {
            // display the message we received
            document.getElementById("rspQuery").innerHTML = '<pre>'+message.toString()+'</pre>'
            client.end()
        })

    </script>
    <div id="rspQuery"></div>
</body>

</html>
Last updated on