Esp32 和站点通信

Posted

技术标签:

【中文标题】Esp32 和站点通信【英文标题】:Esp32 and Site communication 【发布时间】:2021-09-28 09:46:02 【问题描述】:

基本上,我有一个带有本地 IP 的 esp32,我可以通过在与 esp32 相同的网络中键入“http:192.168.1.52/L”或“/H”来打开和关闭灯。 是否可以通过单击网页的按钮使服务器使用 /H 或 /L 访问 IP 地址并打开和关闭灯?喜欢:朋友->myOpenServer->localEsp32 我的朋友可以访问我的本地网络中托管的访问 esp32 ip 的 html

【问题讨论】:

检查 arduino IDE 中的 esp32 LED 闪烁示例。它应该可以解决您想要的要求 如果不是同一个网络……你需要像 MQTT 这样的东西。 @AbhishekDK...真的吗?闪烁 LED 示例到底有多相似? 将研究 mqtt,听朋友说他们在工作中用它来做类似的事情 【参考方案1】:

您可以通过 CSS 在 WiFiClient println 方法中添加按钮,如下所示 您可以根据需要进行适当的更改

        WiFiClient client = server.available();


        client.println("<!DOCTYPE html><html>");
        client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
        client.println("<link rel=\"icon\" href=\"data:,\">");

        client.println("<style>html  font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;");
        client.println(".button  background-color: #4CAF50; border: none; color: white; padding: 16px 40px;");
        client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;");
        client.println(".button2 background-color: #555555;</style></head>");
        
        // Web Page Heading
        client.println("<body><h1>ESP32 Web Server</h1>");

【讨论】:

今天晚些时候试试! randomnerdtutorials.com/esp32-web-server-arduino-ide

以上是关于Esp32 和站点通信的主要内容,如果未能解决你的问题,请参考以下文章

我的 ESP32 代码在 Arduino uno 之间建立 UART 通信是不是正确?

esp32无协议通讯

ESP32-Micropython串口通信

ESP32(arduino)和声音传感器数据采集并实现连接WiFi进行MQTT通信

ESP32基础应用之使用两个ESP32通过阿里云物联网平台实现相互通信

ESP32基础应用之使用两个ESP32通过阿里云物联网平台实现相互通信