在当今这个数字化与智能化飞速发展的时代,物联网(IoT)技术作为连接物理世界与数字世界的桥梁,正逐步渗透到我们生活的方方面面。从智能家居到智慧城市,从工业控制到农业监测,物联网技术的应用极大地提升了生产效率和生活质量。而MQTT(Message Queuing Telemetry Transport)作为一种轻量级的消息传输协议,因其高效、可靠、易于实现的特点,在物联网领域得到了广泛应用。
前言
本章讲解的是通过MQTT读取物联网虚拟仿真系统设备数据,开发微信小程序作为用户交互界面,让用户能够轻松实现对仿真设备的远程控制与数据读取
01
接线组成系统
拉入温湿度传感器,光照度传感器,PM2.5传感器,风扇,灯泡,LED屏,窗帘和网关,并接好线。
02
虚拟仿真系统MQTT模式
登录物联网虚拟仿真客户端,开启MQTT模式
打开模拟实验后,连接虚拟仿真系统的服务器和用户名密码,主题自拟。
03
虚拟仿真系统MQTT测试
一、建立通信,创建主题 打开MQTTX进行测试,新建连接
添加订阅,推送主题和订阅主题
二、读取与控制 查看订阅消息
上发消息至虚拟仿真系统实现控制(此时控制灯泡亮起)
04
虚拟仿真系统MQTT测试
一、导入MQTT库,了解前端三剑客 创建好项目后,找到创建项目的目录,进入utils文件将MQTT库导入。
前端三件套(JS,WXSS或CSS,WXML或HTML)文件
二、设计页面 wxml创建组件组件,以及设计组件结构
wxss进行布局调整外观文本和按钮可以自由调整
wxss进行布局调整外观文本框和滑杆都为容器,设定为居中
三、js进行MQTT通信订阅与发送 第一步:调用MQTT库
第二步:连接MQTT
第三步:订阅虚拟仿真推送主题,并打印出来
第四步:解析JSON数值,并打印出来
第五步:实现控制
灯泡,风扇控制
实现LED屏文本输出
窗帘控制(滑动条)
05
演示效果