【源码】基于MQTT和NodeRED的RGB LED控制系统

项目简介

本项目是基于MQTT协议和NodeRED Dashboard的RGB LED控制系统。借助NodeMCU开发板连接RGB LED灯，利用Arduino IDE编程，通过NodeRED Dashboard在Web端实现对RGB LED灯颜色的控制。项目硬件包含NodeMCU开发板、RGB LED灯（共阴极）、电阻和面包板等，软件部分涵盖Arduino编程和NodeRED Dashboard的搭建。

项目的主要特性和功能

主要特性

• 采用MQTT协议实现远程控制RGB LED灯。
• 运用NodeRED Dashboard构建Web界面，便于用户操作。
• 支持多种颜色选择，可对RGB LED灯颜色进行控制。

功能说明

• 用户能通过Web端的NodeRED Dashboard选择RGB LED灯颜色。
• 借助MQTT协议将颜色指令发送到NodeMCU开发板。
• NodeMCU开发板接收指令后，控制RGB LED灯显示对应颜色。

安装使用步骤

步骤一：安装必要库

打开Arduino IDE，依次点击“Tools” -> “Manage Libraries”，搜索并安装以下库： "pubsubclient" by Nick "ArduinoJson" by Benoit

步骤二：硬件连接

按照硬件示意图连接NodeMCU开发板、RGB LED灯（共阴极）、3个220欧姆电阻、面包板和跳线。

步骤三：运行程序

1. 将代码复制到Arduino IDE中。
2. 设置开发板和端口。
3. 将NodeMCU连接到计算机的USB端口。
4. 上传代码。
5. 在串口监视器中监控数值。

步骤四：设置Node-RED流程

1. 在浏览器中打开Node-RED URL。
2. 点击“Menu” -> “Manage Palette”，搜索“node-red-dashboard”并安装。
3. 使用以下代码导入流程： [{"id":"5dc1161fc5c667c3","type":"tab","label":"Control LED","disabled":false,"info":"","env":[]},{"id":"d642b8f1757fe253","type":"mqtt out","z":"5dc1161fc5c667c3","name":"","topic":"iotfrontier/color","qos":"0","retain":"true","respTopic":"","contentType":"","userProps":"","correl":"","expiry":"","broker":"6ec4dcef.913b24","x":480,"y":160,"wires":[]},{"id":"8ea75bd89213cbf9","type":"ui_colour_picker","z":"5dc1161fc5c667c3","name":"","label":"","group":"98d34422949a2369","format":"rgb","outformat":"object","showSwatch":true,"showPicker":false,"showValue":false,"showHue":false,"showAlpha":false,"showLightness":true,"square":"false","dynOutput":"false","order":0,"width":0,"height":0,"passthru":true,"topic":"topic","topicType":"msg","className":"","x":130,"y":160,"wires":[["d642b8f1757fe253","a42c7d89cf6c0dbe"]]},{"id":"a42c7d89cf6c0dbe","type":"debug","z":"5dc1161fc5c667c3","name":"debug 2","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":460,"y":240,"wires":[]},{"id":"6ec4dcef.913b24","type":"mqtt-broker","name":"","broker":"broker.hivemq.com","port":"1883","clientid":"","autoConnect":true,"usetls":false,"protocolVersion":"4","keepalive":"15","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","birthMsg":{},"closeTopic":"","closePayload":"","closeMsg":{},"willTopic":"","willQos":"0","willPayload":"","willMsg":{},"userProps":"","sessionExpiry":""},{"id":"98d34422949a2369","type":"ui_group","name":"Control RGB LED","tab":"903fa3e2969e67a7","order":3,"disp":true,"width":"6","collapse":false,"className":""},{"id":"903fa3e2969e67a7","type":"ui_tab","name":"Dashboard","icon":"dashboard","disabled":false,"hidden":false}]
4. 部署流程。
5. 访问 http://<your IP address>:1880/ui，使用颜色选择器控制RGB LED灯的颜色。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】