Vue 使用 MQTT 连接阿里云物联网平台

一、安装 mqtt 库

(网上说安装高版本容易出问题,所以安装版本为3.0.0的)

进入vue项目的根目录,然后执行安装命令:cnpm install mqtt@3.0.0 -S 

Vue 使用 MQTT 连接阿里云物联网平台

安装成功后,在 package.json 文件中可以看到 mqtt 的版本号: 

Vue 使用 MQTT 连接阿里云物联网平台

二、vue 代码实现

其中要注意 securemode 参数,使用 wss 方式连接时 securemode=2,使用 ws 方式连接时 securemode=3。(参考文章:MQTT-WebSocket连接通信 – 阿里云物联网平台 – 阿里云)



三、测试

执行 npm run dev 命令来运行项目,如果物联网平台上对应的设备显示【在线】的状态,则连接成功!

本文章来源于互联网,如有侵权,请联系删除!原文地址:Vue 使用 MQTT 连接阿里云物联网平台

相关推荐: 【C#】用Visual Studio连接ONENET物联网平台做一个简易版微信,兼带连接esp8266通讯控继电器功能

简易版微信 前言 onenet端的配置 Visual Studio的编程 主界面 代码 文件 前言 这是一个期末设计。。。。时间有点赶,基本上是一天晚上做完,所以可能还有很多地方不完善,基础功能是可以互相通信聊天(微信的功能),以及可以和esp8266进行物联…