Arduino - 通过网络控制灯泡

关于这个项目

如今，通过网络进行控制已成为一种常态。在这个简单的项目中，我将向您展示如何制作一个通过网络控制灯泡的应用程序。

当然，这不是什么新鲜事，但您可能会看到，基于网络的控制工具只需要几步就可以自己完成。任何对网络编程有一定了解的人都可以制作基于网络的应用程序来控制/监控设备。

您可以在此处查看演示：

硬件组件

首先是设置硬件。在这里，我使用了 Arduino Uno 板、PHPoC WiFi Shield 和 PHPoC Arduino 中继板。

工作原理

接下来是“基于Web”的部分。结合PHPoC Shield，Arduino板成为一个Web服务器/WebSocket服务器。所以，基本上我们需要：

+ 客户端代码 ：提供基于 Web 的用户界面来控制灯泡。 UI 应该允许用户将控制命令发送到 Web 服务器（Arduino 板）。 UI 还显示在服务器响应中发送的灯泡状态。这个网页源码需要上传到盾。网络浏览器（Web客户端）收到HTTP请求后，屏蔽（Web服务器）将解析后的Web文件发送给Web浏览器。

+ 服务端代码 ：根据Web浏览器发送的数据控制灯泡。代码在Arduino板上运行，流程无非是循环，检查Web客户端是否有任何请求以设置继电器打开/关闭灯泡，然后将灯泡状态发送到Web浏览器.

在这个项目中，我制作了一个 SVG 元素来显示灯泡和一个按钮来从 Web 发送控制命令。 Web 浏览器和 Web 服务器通过 WebSocket 相互通信。 WebSocket 连接适合实时应用。

您在制作 UI 上花费的精力越多，它看起来就越好。不过别担心，互联网上有大量的共享资源，所以您可能会找到一些很酷的免费 UI 源代码，而不是自己做所有的编程工作。

感谢阅读：D。

在本教程中了解有关中继的更多信息

代码

• remote_led.php
• remoteLed.ino

remote_led.phpPHP

    
 
  
 
 开关
 
 
 

remoteLed.inoArduino

#include #include #define ON '1'#define OFF '0'byte expandId =1;ExpansionRelayOutput 中继(expansionId, 0);PhpocServer server(80);void setup() { Serial.begin(9600);而（！串行）； // 初始化 PHPoC [WiFi] Shield:Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin(); // 启动 WebSocket 服务器 server.beginWebSocket("remote_led"); // 将 PHPoC [WiFi] Shield 的 IP 地址打印到串口监视器： Serial.print("WebSocket server address :"); Serial.println(Phpoc.localIP());扩展。开始（）； // 获取名称并将其打印到串行 Serial.println(relay.getName()); }void loop() { // 等待新客户端：PhpocClient client =server.available(); if (client) { if (client.available()> 0) { // 从客户端读取一个字节： char thisChar =client.read(); switch(thisChar) { case OFF:Serial.println("Turn LED OFF");继电器关闭（）； server.write(OFF);休息; case ON:Serial.println("打开 LED");依赖于（）; server.write(ON);休息; } } }}