Wokwi - Online ESP32, STM32, Arduino Simulator

#include <WiFi.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <DHT.h>

#define WIFI_SSID "Wokwi-GUEST"
#define WIFI_PASSWORD ""
#define WIFI_CHANNEL 6

WebServer server(80);

const int LED1 = 26;
const int LED2 = 27;
bool led1State = false;
bool led2State = false;

#define DHT_PIN 5 // Thay thế bằng chân kết nối cảm biến DHT của bạn
#define DHT_TYPE DHT22 

DHT dht(DHT_PIN, DHT_TYPE);

void sendHtml() {
  String response = R"(
    <!DOCTYPE html><html>
      <head>
        <title>ESP32 Web Server Demo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
          html { font-family: sans-serif; text-align: center; }
          body { display: inline-flex; flex-direction: column; }
          h1 { margin-bottom: 1.2em; } 
          h2 { margin: 0; }
          div { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-auto-flow: column; grid-gap: 1em; }
          .btn { background-color: #5B5; border: none; color: #fff; padding: 0.5em 1em;
                 font-size: 2em; text-decoration: none }
          .btn.OFF { background-color: #333; }
        </style>
      </head>
            
      <body>
        <h1>ESP32 Web Server</h1>
        <div>
          <h2>Temperature: <span id="TEMP_VALUE">TEMP_VALUE</span> &deg;C</h2>
          <h2>Humidity: <span id="HUMIDITY_VALUE">HUMIDITY_VALUE</span> %</h2>
        </div>
      </body>
    </html>
  )";
  float temperature = dht.readTemperature(); // Đọc nhiệt độ từ cảm biến
  float humidity = dht.readHumidity(); // Đọc độ ẩm từ cảm biến
  response.replace("TEMP_VALUE", String(temperature));
  response.replace("HUMIDITY_VALUE", String(humidity));

  server.send(200, "text/html", response);
}

void setup(void) {
  Serial.begin(115200);
  pinMode(LED1, OUTPUT);
  pinMode(LED2, OUTPUT);

  WiFi.begin(WIFI_SSID, WIFI_PASSWORD, WIFI_CHANNEL);
  Serial.print("Đang kết nối tới WiFi ");
  Serial.print(WIFI_SSID);

  while (WiFi.status() != WL_CONNECTED) {
    delay(100);
    Serial.print(".");
  }
  Serial.println(" Đã kết nối!");

  Serial.print("Địa chỉ IP: ");
  Serial.println(WiFi.localIP());

  server.on("/", sendHtml);

  

  dht.begin(); // Khởi động cảm biến nhiệt độ và độ ẩm
  server.begin();
  Serial.println("Máy chủ HTTP đã khởi đầu");
}

void loop(void) {
  server.handleClient();
  delay(2);
}