How to create web server using arduino

AutocadHow-ToBeginner · 4 min read

How to Create a Web Server Using Arduino Easily

To create a web server using Arduino, connect an Ethernet or WiFi module to your board, then use the Ethernet or WiFi library to listen for client requests. Write code to handle HTTP requests and send responses, allowing you to control or monitor devices via a web page.

📐

Syntax

Here is the basic syntax to start a web server on Arduino using the Ethernet library:

EthernetServer server(port); - Creates a server object listening on the specified port (usually 80).
server.begin(); - Starts the server.
EthernetClient client = server.available(); - Checks if a client has connected.
client.read() and client.write() - Read requests and send responses.

arduino

EthernetServer server(80);

void setup() {
  Ethernet.begin(mac, ip);
  server.begin();
}

void loop() {
  EthernetClient client = server.available();
  if (client) {
    // handle client request
  }
}

💻

Example

This example creates a simple web server that responds with a web page showing "Hello from Arduino!" when accessed.

arduino

#include <SPI.h>
#include <Ethernet.h>

byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192, 168, 1, 177);

EthernetServer server(80);

void setup() {
  Ethernet.begin(mac, ip);
  server.begin();
  Serial.begin(9600);
  Serial.println("Server is ready");
}

void loop() {
  EthernetClient client = server.available();
  if (client) {
    boolean currentLineIsBlank = true;
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
        if (c == '\n' && currentLineIsBlank) {
          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: text/html");
          client.println("Connection: close");
          client.println();
          client.println("<html><body><h1>Hello from Arduino!</h1></body></html>");
          break;
        }
        if (c == '\n') {
          currentLineIsBlank = true;
        } else if (c != '\r') {
          currentLineIsBlank = false;
        }
      }
    }
    delay(1);
    client.stop();
  }
}

Output

Server is ready

⚠️

Common Pitfalls

Common mistakes when creating a web server on Arduino include:

Not initializing the Ethernet or WiFi module correctly, causing connection failures.
Forgetting to call server.begin() in setup(), so the server never starts.
Not reading the full HTTP request, which can cause the client to hang.
Using IP addresses or MAC addresses that conflict with other devices on the network.
Not closing the client connection with client.stop(), leading to resource exhaustion.

arduino

/* Wrong: Missing server.begin() */
EthernetServer server(80);

byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192, 168, 1, 177);

void setup() {
  Ethernet.begin(mac, ip);
  // server.begin(); // This line is missing
}

void loop() {
  EthernetClient client = server.available();
  if (client) {
    // handle client
  }
}

/* Right: Include server.begin() */
void setup() {
  Ethernet.begin(mac, ip);
  server.begin();
}

📊

Quick Reference

EthernetServer server(80); - Create server on port 80.
server.begin(); - Start server.
EthernetClient client = server.available(); - Check for client.
client.read(); - Read client data.
client.println(); - Send response.
client.stop(); - Close connection.

✅

Key Takeaways

Use Ethernet or WiFi libraries to create a web server on Arduino.

Always call server.begin() in setup() to start the server.

Read full HTTP requests and respond properly to avoid client hangs.

Close client connections with client.stop() to free resources.

Use unique MAC and IP addresses to prevent network conflicts.