ESP32-Web-Server 实战编程-通过网页控制设备多个 GPIO

物联网老王

已于 2023-11-28 22:16:41 修改

阅读量1.8k

点赞数 26

分类专栏： ESP-Web开发文章标签：物联网 web 服务器 iot 嵌入式硬件

于 2023-11-27 11:48:11 首次发布

本文链接：https://blog.youkuaiyun.com/wangyx1234/article/details/134641880

版权

ESP-Web开发专栏收录该内容

29 篇文章 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用ESP32构建一个Web服务器，通过网页控制设备的多个GPIO。前端代码创建了四个GPIO，后端设计包括响应前端的GET和POST请求，以获取和更新GPIO状态。通过JSON格式在前后端之间传递数据，实现了GPIO状态的实时控制。然而，目前的设计不支持多设备同步，后续章节将解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ESP32-Web-Server 实战编程-通过网页控制设备多个 GPIO

概述

上节 ESP32-Web-Server 实战编程-通过网页控制设备的 GPIO 讲述了如何通过网页控制一个 GPIO。本节实现在网页上控制多个 GPIO。

示例解析

前端设计

前端代码建立了四个 GPIO，如下死 GPIO 2 在前端的定义，注意不同的 GPIO，其对应的 id 不同。前端的每个 GPIO，在状态发生改变时，将触发 toggleCheckbox() 函数。

 <div class="card">             
  <p class="card-title"><i class="fas fa-lightbulb"></i> GPIO 2</p>
  <label class="switch">
    <input type="checkbox" onchange="toggleCheckbox(this)" id=