UNIAPP连接MQTT记录要点

一、工具安装

1、Node.js

网址：下载网址

2、安装程序

（1）下载完成后，双击安装包，开始安装Node.js

(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮

（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮

（4）不选中，直接点击【Next】按钮

（5）点击【Install】按钮进行安装

（6）安装完毕，点击【Finish】按钮

（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口

输入：node -v // 显示node.js版本

npm -v // 显示npm版本

-------------------------------成功显示版本说明安装成功--------------------------------------------

二、安装mqtt库

1、打开终端输入命令

在终端中执行安装命令

cd 你的项目路径

npm install mqtt

第二种：打开项目文件的根目录安装

然后点击文件路劲，输入cmd回车，然后写入npm install mqtt进行安装

安装成功如下图所示

不安装的话，会提示编译程序显示连接不上服务器

2、疑问

为什么要安装 MQTT 库？

无论是 Web、小程序还是 App，浏览器/移动端都没有内置 MQTT 协议支持，都需要借助 JavaScript 库来实现 MQTT 客户端功能。

1. Web（H5）平台 ✅ 必须安装

npm install mqtt

使用方式（必须用 WebSocket）：

// Web 只能用 WebSocket 协议
mqtt.connect('ws://8.145.46.161:8083/mqtt', options)

2. 小程序平台 ✅ 必须安装（专用版本）

# 小程序专用版本
npm install mqtt-websocket

# 或使用兼容版本
npm install mqtt@4.3.7  # 旧版本可能兼容性更好

使用方式：

const client = mqtt.connect('wxs://8.145.46.161:8084/mqtt', {

3.APP

使用 UniApp 原生 API（不安装库）

3、MQTT库这个是安装在电脑是嘛

三、端口认知

端口号冲突 ：wss:// 通常使用 8083、8084 或 443 端口，而 1883 是普通 MQTT 的端口

针对阿里云部署的 EMQX 服务器进行网页连接，需要特别注意几个关键点：

• 开放端口：8083（ws）、8084（wss）、8883（mqtts）

H5界面