Arduino Web Server using ESP8266 / ESP32

In this tutorial will explain, how to create a Arduino webserver with and without websokets using ESP8266 board. ESP8266 board will able to answer a HTTP request . After opening a web browser and navigating to your ESP board IP Address, ESP board will turn ON and OFF the LED from a browser. Dowload a code files click here.

Types of Arduino webserver

1. Arduino webserver without websockets
2. Arduino webserver with websockets

Bill of Materials

1. ESP8266 (Nodemcu) - 1Nos
2. Bread board - 1Nos
3. LED - 2Nos
4. Jumper wires
5. usb cable for power up the ESP8266 - 1Nos

Diagram:

1. Arduino webserver without websockets

Refer the below code for Arduino webserver without websockets. 

2. Arduino webserver with websockets

Refer the below code for Arduino webserver with websockets.

After upload the above code, The below index.html file will be uploaded by using ESP8266 sketch  data upload tool
index.html

Note: If you try this project. You can only access that only at 192.168.10.10 IP Address from your house and SSID : webserver, Password : project1.