🌡️ صفحه‌ی وب دماسنج

دما و رطوبت DHT11 در صفحه‌ای که هر ۳ ثانیه خودش تازه می‌شود.

سطح: چالشی ⭐⭐⭐ · مود: آردوینو (سه‌بعدی + کد)

قطعات لازم

کد کامل پروژه

// ESP32: a web page that shows the DHT11 temperature and refreshes itself.
#include <WiFi.h>
#include <WebServer.h>
#include <DHT.h>

DHT dht(15, DHT11);                    // DATA on GPIO15
WebServer server(80);

void handleRoot() {
  float t = dht.readTemperature();
  float h = dht.readHumidity();
  String html = "<!doctype html><html><head>";
  html += "<meta http-equiv='refresh' content='3'>";   // reload every 3 s
  html += "</head><body style='font-family:sans-serif;text-align:center'>";
  html += "<h2>My room</h2>";
  if (isnan(t)) {
    html += "<p>Sensor error!</p>";
  } else {
    html += "<p style='font-size:40px'>" + String(t, 1) + " &deg;C</p>";
    html += "<p>Humidity: " + String(h, 0) + " %</p>";
  }
  html += "<p>Up for " + String(millis() / 1000) + " s</p>";
  html += "</body></html>";
  server.send(200, "text/html", html);
}

void setup() {
  Serial.begin(115200);
  dht.begin();
  WiFi.begin("MyHome", "YOUR_PASSWORD");
  while (WiFi.status() != WL_CONNECTED) delay(200);
  Serial.println(WiFi.localIP());
  server.on("/", handleRoot);
  server.begin();
}

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

چطور اجرایش کنم؟

شبیه‌ساز تینکرکد فارسی را باز کن و «مود آردوینو» را انتخاب کن.
از پنل «نمونه‌ها»، «صفحه‌ی وب دماسنج» را بارگذاری کن — مدار و کد با هم می‌آیند.
دکمه‌ی اجرا ▶ را بزن و خروجی Serial و رفتار قطعات را تماشا کن.
حالا کد را تغییر بده — عددها، پین‌ها، ترتیب — و دوباره اجرا کن!

این پروژه را رایگان در شبیه‌ساز اجرا کن 🤖