Alin Li ESP32 Network Explorer

OPEN COMPUTING · Phone Talks to ESP32!
🤖
Coach Byte says:

Your ESP32 is a tiny computer with built-in WiFi! When you program it as a web server, your phone can connect to it and open a web page — maybe to control an LED or read a sensor! Let's follow the message from your phone, through WiFi radio waves 📶, to the ESP32 and back!

📱 Phone Asks ESP32 for a Web Page!

Your phone connects to ESP32's WiFi and opens http://192.168.4.1 to control an LED!

Application (HTTP) Transport (TCP) Internet (IP) WiFi (Radio Waves) Request → ← Response
Press Next Step to begin!
📱 Phone ↔ ESP32 Setup
📱 Phone IP: 192.168.4.2 MAC: 11:22:33:AA:BB:CC 4. APP (Browser) 3. TCP (→Port 80) 2. IP (→192.168.4.1) 1. WiFi (radio📶) 📶 WiFi 2.4 GHz radio waves ESP32 Dual-Core 240MHz IP: 192.168.4.1 (AP) MAC: DD:EE:FF:44:55:66 📡 WiFi Access Point 4. APP (AsyncWebServer) 3. TCP (Port 80) 2. IP (192.168.4.1) 1. WiFi (radio📶) GPIO 2 💡 LED OFF GPIO wire 🌡️ Sensor Temp: 25°C Phone connects to ESP32's WiFi network! Press Next Step to begin server.on("/", HTTP_GET, [](AsyncWebServerRequest *req){ req->send(200, "text/html", htmlPage); });
🔍 Zoom View
📱↔📡

Press Next Step to watch the message travel through WiFi!

📱 Ready to Connect!

Your phone is connected to the ESP32's WiFi. Open the browser and type http://192.168.4.1 to control the LED!
🤖
Coach Byte says:

Even the tiny ESP32 uses the same 4 TCP/IP layers as big computers! Click each layer to learn how it works on the ESP32.

📚 TCP/IP Layers on ESP32

🤖
Coach Byte says:

Test your ESP32 networking knowledge!

🧠 ESP32 Network Quiz!