ESP32 Web Server 周期更新问题

Question

我正在尝试将从使用 UART 传输的嵌入式平台获得的一些数据发布到使用 ESP32 的网络服务器上。这是我正在使用的代码，我正在使用 Arduino IDE。我不太熟悉 HTML 并且看到了几个示例，其中 HTML 被用于通过发送请求来更新服务器值。

#include <WiFi.h>
#include "ESPAsyncWebServer.h" 

AsyncWebServer server1(81); 

const char* ssid ="mywifi";
const char* password ="mywifipass";
char c;


String readuart() {
  if (Serial.available() > 0) {
    c = Serial.read();}  
  return String(c);
}

void setup() {

  Serial.begin(115200);

  WiFi.begin(ssid, password); 

  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi..");
  }

  Serial.println("Connected to the WiFi network");
  Serial.println(WiFi.localIP());

  server1.on("/test_data", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(200, "text/plain", readuart().c_str());
  });

  server1.begin();
  delay(100);
}

void loop() {

}

代码的以下部分正在发布我得到的第一个字符串，但它停在那里。

server1.on("/test_data", HTTP_GET, [](AsyncWebServerRequest *request){
request->send(200, "text/plain", readuart().c_str());
  });

我想定期更新这个字符串。我该如何实现？任何帮助将不胜感激。

Answer 1

听起来您希望页面每 x 秒重新加载一次。您可以将响应字符串更改为实际的 html 并使用 meta refresh tag。这发生在客户端（在网络浏览器中）。

server1.on("/test_data", HTTP_GET, [](AsyncWebServerRequest *request){
    String html = "<html><head><meta http-equiv=\"refresh\" content=\"30\"></head><body>"
         + readuart() + "</body></html>";
    request->send(200, "text/html", html.c_str());
});

将 30 更改为您想要的任何超时。

另一种选择是使用客户端 JS。

ESP32 Web Server 周期更新问题

ESP32 Web Server periodic updating problem

html

webserver

wifi

esp32

arduino-esp8266