如何在vue项目中增加mqtt功能并使用

 时间:2024-10-14 13:24:39

1、第一步:在项目目录的terminal终端输入安装命令npm install mqtt --衡痕贤伎save,如下图所示:

如何在vue项目中增加mqtt功能并使用

2、第二步:在相应的vue文件中添加下图红色框中相似的代码,用于使用Mqtt的发送接收,如下图所示:

如何在vue项目中增加mqtt功能并使用

3、第三步:在上一步的vue文件中添加引入mqtt模块及mqtt相应配置,其中代码中有服务器端诔罨租磊IP,服务器需进行相应设置,这不属于vue范畴未涉及,如下图红色框内代码所示:

如何在vue项目中增加mqtt功能并使用

4、第四步:在上一步的vue文件中添加matt发送接收信息的代码,如下图红色框内代码所示:

如何在vue项目中增加mqtt功能并使用

5、第五步:运行npm run serve命令,在浏览器中输入相应地址,测试Mqtt,如下图所示:

如何在vue项目中增加mqtt功能并使用
  • 怎样做莲藕炒肉馅?
  • 如何解决VMware 虚拟机不能铺满屏幕
  • linux怎么实现路由功能
  • 浅析div+css与表格布局的区别
  • sed 替换时报错sed can't read 的解决方法
  • 热门搜索
    妊娠纹怎么治疗 蜈支洲岛旅游 呼伦贝尔旅游攻略 傣族服饰特点 小狗的外形特点 成都市旅游景点 打雷可以玩电脑吗 郑州师范学院怎么样 跑跑卡丁车怎么拖漂 感冒咳嗽怎么治最有效