uniAPP开发小程序使用MQTT通讯EMQX Cloud

uniAPP开发小程序使用MQTT通讯EMQX Cloud

首先感谢大佬参考案例

下载并安装工具
1.Hbuilderx 2. nodejs 3.MQTTX

链接放这，自己下载安装

MQTT服务器：EMQX

第一步：测试MQTTX通讯

1.记住这地址，你的服务器地址

2.随便创建几个用户

3.打开MQTTX
填入刚刚的服务器地址
注意我选的参数
用户就是上图的用户和密码

点击连接，成功

失败的，自己再重复下上面看看哪里错了

第二步：源码测试
混个积分，谢谢，，，，源码

1.打开源码

IP就是刚刚你服务器的地址，
密码就是服务器里面创建的用户的密码
还有那个文件，我也没深究，所以还是要感谢大佬参考案例

2.不要源码
必须先安装Nodejs
选择目录，右键，用命令行窗口打开

分两次输入

npm install mqtt@3.0.0
 
npm install uuid

主要源码

	<view class="home">
		<view class="mqttPswordtype">
			<radio-group @change="radioChange">
				<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in radDataArr" :key="item.value">
					<radio :value="item.value" :checked="index === current" />
					{{item.name}}
				
			
		
		<view class="mqttTest">
			<button type="primary" @click="connect">mqtt 连接
			<button type="primary" @click="subscribe">mqtt 订阅
			<button type="primary" @click="publish">mqtt 发布
			<button type="primary" @click="unsubscribe">取消订阅
			<button type="primary" @click="unconnect">断开连接
			message:{{ receiveMessage.toString() }}
		
	





	.mqttPswordtype {
		height: 100rpx;
		background: #F7F8FA;
		white-space: pre-wrap;

	}

	.mqttTest {
		button {
			margin: 20rpx 10rpx;
			height: 100rpx;
			color: #F7F8FA;
		}
	}

亲测有效

H5演示：

小程序演示，我这里直接用了小程序的ID，进行真机模拟

回到服务器查看，可以看到三个在连接

*注：大佬如果需要我删除，直接留言即可