资料下载
基于web的网络控制灯泡
香香技术员
分享资料个
方案介绍
如今，通过网络进行控制已成为一种常态。在这个简单的项目中，我将向您展示如何制作一个通过 Web 控制灯泡的应用程序。
当然这不是什么新鲜事，但你可能看到的是，基于网络的控制东西只需要几个步骤就可以自己完成。任何对网络编程有一定了解的人都可以制作基于网络的应用程序来控制/监视设备。
硬件组件
首先是设置硬件。在这里，我使用了一个 Arduino Uno 板、一个 PHPoC WiFi Shield 和一个 PHPoC Arduino 中继板。
如何运作：
接下来是“基于Web”的部分。与 PHPoC Shield 结合，Arduino 板成为 Web 服务器/WebSocket 服务器。所以，基本上我们需要：
+ 客户端代码：提供基于 Web 的用户界面来控制灯泡。UI 应允许用户将控制命令发送到 Web 服务器（Arduino 板）。UI 还显示在服务器响应中发送的灯泡的状态。这个网页源代码需要上传到盾。当从 Web 浏览器（Web 客户端）接收到 HTTP 请求后，Shield（Web 服务器）会将解释后的 Web 文件发送到 Web 浏览器。
+ 服务器端代码：根据 Web 浏览器发送的数据控制灯泡。代码在Arduino板子上运行，流程无非是循环，检查Web客户端是否有任何请求，以便设置继电器开关灯泡，然后将灯泡状态发送到Web浏览器.
在这个项目中，我制作了一个 SVG 元素来显示灯泡和一个按钮来从 Web 发送控制命令。Web 浏览器和 Web 服务器通过 WebSocket 相互通信。WebSocket 连接适合实时应用程序。
你花在制作 UI 上的精力越多，它看起来就越好。但别担心，互联网上有大量的共享资源，所以你可能会找到一些很酷的免费 UI 源代码，而不是自己编写所有的编程工作。
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
- 相关下载
- 相关文章
