💡 LED از مرورگر

وب‌سرور با دو دکمه‌ی ON و OFF که LED روی GPIO4 را روشن و خاموش می‌کنند.

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

قطعات لازم

• برد ESP32
• مقاومت 220Ω
• LED قرمز

کد کامل پروژه

// ESP32 web server: switch an LED on GPIO4 from a browser.
// Run it, then open the «مرورگر» (Browser) tab.
#include <WiFi.h>
#include <WebServer.h>

const int LED = 4;
WebServer server(80);                  // port 80 = normal web pages

void handleRoot() {
  String html = "<!doctype html><html><body style='font-family:sans-serif;text-align:center'>";
  html += "<h2>My ESP32 lamp</h2>";
  html += "<p>LED is " + String(digitalRead(LED) ? "ON" : "OFF") + "</p>";
  html += "<a href='/on'><button>ON</button></a> ";
  html += "<a href='/off'><button>OFF</button></a>";
  html += "</body></html>";
  server.send(200, "text/html", html);
}

void setup() {
  Serial.begin(115200);
  pinMode(LED, OUTPUT);
  WiFi.begin("MyHome", "YOUR_PASSWORD");
  while (WiFi.status() != WL_CONNECTED) delay(200);
  Serial.print("Open http://");
  Serial.println(WiFi.localIP());

  server.on("/", handleRoot);
  server.on("/on", []() {
    digitalWrite(LED, HIGH);
    handleRoot();
  });
  server.on("/off", []() {
    digitalWrite(LED, LOW);
    handleRoot();
  });
  server.begin();
}

void loop() {
  server.handleClient();               // answer whoever is asking
}

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

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