vue如何调用mqtt

windows 下搭建 MQTT 服务

安装包：cnpm i  mqtt

import mqtt from 'mqtt'

import { sendToTopic } from '@/module/system/services'

let url = "ws://127.0.0.1:61619/ws";

let username = "admin";

let password = "admin";

let client = {};

let mainUitls = {

    //初始化连接 登录名mtopic

    initConnect: function (mtopic) {

        client = mqtt.connect(url, {

            username: username,

            password: password

        });

        client.on("connect", e => {

            console.log("连接成功");

            client.subscribe(mtopic, (err) => {

                if (!err) {

                    console.log("订阅成功:" + mtopic);

                    //测试后台调前端

                    sendToTopic({ payload: '网页', topic: 'testTopic' }).then((res) => {})

                }

            });

        });

        client.on("message", (topic, message) => {

            console.log(topic);

            console.log(message.toString());

        });

    },

    //前端发送消息到指定用户 接收人mtopic

    publishMes: function (mtopic,message) {

        client.publish(mtopic, message);

    }

}

export function initSocket() {

    return mainUitls

}