本网页已闲置超过3分钟，按键盘任意键或点击空白处，即可回到网页
最热资讯
亲，“电路城”已合并升级到更全、更大、更强的「新与非网」。点击查看「新与非网」
该项目使用丙烯酸板创建自定义的家庭自动化原型，并将ESP32设置为Web服务器，从而来控制不同负载组件。
接线图：
引脚接线表：
对于可调光的LED灯泡，只需将其连接到Robotdyn AC调光器的任何输出引脚即可。
从继电器输出到交流负载的连接类似于上图。只需将一根线直接连接到交流负载，然后将另一根交流线连接到继电器的通用连接，然后将常开引脚连接到交流负载即可。
注意： 连接交流负载时要非常小心，如果连接不正确，可能会触电。
ESP32 Web服务器：
为了控制交流负载，将ESP32配置为Web服务器，以便能够响应来自浏览器的HTTP请求。因此，通过使用笔记本电脑或手机中的浏览器，就可以控制该家庭自动化项目。（Web Server的工作原理）
将应用程序部署在ESP32串行外设接口闪存文件系统（SPIFFS）中。应用程序用户界面由带有CSS和Javascript的HTML页面组成，用于设计和处理用户交互。使用SPIFFS比将所有页面都放入arduino变量的效果要好得多。
PlatformIO中的代码：
项目代码：点击查看
打开Visual Studio代码，然后单击“文件”->“将文件夹添加到工作区”。然后，选择已下载或复制的文件夹。
应将代码导入Visual Studio代码中。单击最左侧的资源管理器选项卡以查看代码。
使用PlatformIO IDE，可以轻松配置依赖项。在Arduino IDE中，使用库管理器配置依赖文件，而在PlatformIO中，使用platformio.ini文件设置依赖关系。
单击platformio.ini文件，lib_deps部分中配置了以下库。该ESP32家庭自动化项目特定于以下项目。使用PlatformIO，不需要手动添加任何内容，因为这些依赖项已自动下载并配置。
HTML / CSS / Javascript：
所有静态文件（例如HTML，级联样式表（CSS）和Javascript文件）都位于PlatformIO项目的data文件夹内。所有这些文件都需要使用PlatformIO Upload Task上载到ESP32 SPIFFS 。
ESP32家庭自动化项目仅包含1个名为index.html的html页面，并包含了需要的所有用户界面。（文件）
index.html：包含该项目的主要用户界面。
该部分包含对需要在移动浏览器正确渲染所有的meta标签。它还包含标题标签，以讨论该项index.html需要3个其他文件来处理样式和用户交互。
在body标签结束之前，导入custom.js文件，该文件用于在用户切换复选框时处理事件。
该代码仅用于导航和显示网站页面。
toggle-switchy CSS库将每个复选框的样式设置为看起来像一个切换框。还需注意以下“模板”构造。它们是模板变量，将由ESPAsyncWebServer的模板处理引擎替换。
当浏览器处理HTML / CSS / Javascript时，它将如下面的用户界面所示呈现。这就是ESP32家庭自动化项目进行交互并使用手机浏览器控制AC负载的方式。
custom.js：自定义javascript文件，它将处理网页和用户之间的交互。
如果用户切换了灯泡复选框，则它应该更新用户界面的值，并通过digitalWrite函数切换GPIO引脚的值。
该代码使用Fetch API，而不是使用XMLHTTPRequest对象。在从DOM中选择元素并将函数处理程序附加到事件之后，将向Web服务器发送JSON请求，然后处理响应并刷新网页。另外，使用javascript async / await语法来处理JSON请求的等待/处理。
如果想查看用户界面发送的JSON请求，在浏览器中单击F12，然后转到“网络”选项卡。将应用程序部署到ESP32后，即可执行此操作。如果切换任何开关，那么在幕后就会有一个请求发送到具有对GPIO的控制权的ESP32异步Web服务器。
下面3个文件为ESP32家庭自动化项目提供了动力。它们是为ESP32 Web服务器提供动力的文件，它们执行以下操作：
将代码分为头文件和cpp文件，以进一步清理代码结构。头文件将包含项目的框架，而cpp文件将显示实现。如，automation.h是头文件，Automation.cpp是cpp文件。
自动化：
在创建该项目时，尝试遵循面向对象的编程，因此将AutomationProto表示为一个类。
此C ++头文件包含将控制项目的类。
此外，它包含为调光灯供电所需的导入头文件。已使用Robotdyn AC Dimmer库，因此已将其导入此处。
此类还表示交流负载的状态，因此可以看到每个交流负载的布尔属性。一个属性表示灯管光（m_tube），灯座（m_socket），灯泡（m_bulb）和调光灯值（m_dimValue）。
它还包含所有getters和setters属性，以更改类的私有变量。在main.cpp文件中，可以看到如何导入此类。
Automation.cpp：包含代码的实现。它还定义了ESP32引脚来控制功率继电器。
引脚分配：
该代码行导入了automation.h，并为AutomationProto类定义了C ++构造函数。已经将所有变量初始化为false来表示“ OFF ”状态。如果将其设置为true，则表示“ ON ”状态。
该代码代表了GPIO引脚分配。
上面的代码是一个自定义方法，它将初始化AutomationProto类，并使用arduino digitalWrite命令设置所有GPIO输出。调光器类也在此方法中初始化。
每个AC负载都由一个getter和setter方法表示，该方法将设置类的私有值。此外，在此处调digitalWrite代码，以便根据需要打开或关闭GPIO。
main.cpp：负责服务来自浏览器的HTTP请求，并处理硬件的接口。
这些是include语句，这些语句将告诉所需的头文件。
更新以下网络连接用户名和密码，以匹配您的wifi网络证书。
定义了ESP32 Web服务器，它将侦听默认端口80并导入我们的AutomationProto类。
上面的代码是“模板”处理器功能，并将在复选框上设置属性“ checked ”。在上面有关index.html模板变量的讨论中，此函数正在处理和替换它们。在“ /”根目录或index.html调用上调用此函数。
当请求发送到服务器并且服务器不知道如何响应时，将调用上面的函数。
上面的代码是setup（）函数的开始。初始化串行对象，然后开始连接到wifi。之后，开始初始化SPIFFS。使用proto.init（）函数调用来初始化类。
在上面的代码中
灯管和灯泡按钮中也发生了类似的情况。唯一的区别是调光灯泡。
添加到ESP32：
如果要将其添加到ESP32，则可以从PlatformIO IDE执行以下操作。
首先，需要通过ESP32的SPIFFS将静态文件上传到项目的数据文件夹中。为此，单击PlatformIO图标，然后单击“上传文件系统映像”。如果看到消息“正在连接...”。可能需要单击ESP32中的启动按钮。
接下来，通过单击“ Upload and Monitor”将代码上传到ESP32的闪存中。如果看到消息“正在连接...”。再次，则可能需要再次单击启动按钮。
一旦显示了PlatformIO的监视器，然后等待显示该消息。如果看到这样的消息，请转到手机浏览器并输入以下ip地址。现在，将被转到index.html页面。
如果看到“ WiFi失败！”消息，请单击ESP32中的reset按钮，等待一段时间以使其再次初始化，然后重试。
项目演示：（项目详情）
我的DIY家庭助理花园自动化系统
2020-06-16
基于Blynk IR Remote和ESP32的家庭自动化
2021-06-21
脑洞大开，十个想法使您的房屋最大化实现自动化
2020-09-29
基于PIR和IR的自制通话/语音通知系统
2021-04-21
自己打造的智能家居，智能家居产品使用体验分享
2020-08-18
苏公网安备 32059002001874 号
工商网监
讨论