Published July 24, 2020 © GPL3+

Web server led control

Learn how to switch on leds with web server hosted by nodemcu v1.0

IntermediateProtip10,852

Things used in this project

Hardware components

NodeMCU ESP8266 Breakout Board

LED (generic)

Story

So in this tutorial we are going to learn how to switch an led on and off with use of a web server hosted by nodemcu v1.o and also how to set up nodemcu in your computer. I am using mac os in this tutorial, so please keep taht in mind. So lets start!

Setting up nodemcu in mac

To make things clear, we need a micro usb data cable not power one. It took hours for me to troubleshoot this problem, as I had taken a power cable.

1. We have to go to the files>preferences of the arduino ide and paste this url in the field front of Additional board manager urls. https://arduino.esp8266.com/stable/package_esp8266com_index.json

paste the code in the additional board manager urls.

2. Go to tools>board>Boards manager and type esp8266 in the search bar.

3. Now install esp8266 by esp8266 community.

4. next we have to install the cp1202 driver You can download it from here.

5.Now plug in your nodemcu.

6. Now go to arduino ide tools>board and click on nodemcu 1.0(ESP12-E module).

7. Now we are set! If there is any problem you can tell me below in the coments!

Setting up web server

Now lets start the actual nodemcu party!

1.Copy and paste the code from down below.

2.The code is explained line by line

3.Create the following circuit below n the schematics section.

4.Upload the code to the nodemcu, if any problem tell me in the comments section.

5.You can paste the url from the serial monitor in any device which is connected to the network.

Demonstration

Code

Code

//Nodemcu tutorial
//controlling led with web server.
//made by shauryacool in arduino ide
//tutorial link: https://create.arduino.cc/projecthub/shauryacool/web-server-led-control-with-nodemcu-and-nodemcu-setup-c2a84f
//copyrights reserved
#include <ESP8266WiFi.h>//We need it or compilers oxygen tank will explode.

const char* ssid = "ssid";//Write your network ssid
const char* password = "password";//Network password

int ledPin = D7;
WiFiServer server(80);

void setup() {
  
  pinMode(ledPin,OUTPUT);
  digitalWrite(ledPin,LOW);//We start with the led turned off.

  Serial.begin(115200);//remember to set the serial monitor to 115200 or you will see a lot of junk text.
  Serial.println();
  Serial.print("Wifi connecting to ");
  Serial.println( ssid );//your ssid

  WiFi.begin(ssid,password);//connecting to wifi

  Serial.println();
  Serial.print("Connecting");//connecting

  while( WiFi.status() != WL_CONNECTED ){
      delay(500);
      Serial.print(".");        
  }

  
  Serial.println();

  Serial.println("Wifi Connected Success!");//If network connection is success we will see these messages
  Serial.print("NodeMCU IP Address : ");
  Serial.println(WiFi.localIP() );

  server.begin();
  Serial.println("NodeMCU Server started");//server has started

  // Print the IP address
  Serial.print("Use this URL to connect: ");
  Serial.print("http://");
  Serial.print(WiFi.localIP());
  Serial.println("/");
  
}

void loop() {

    // Check if a client has connected
  WiFiClient client = server.available();
  if (!client) {
    return;
  }

  // Wait until the client sends some data
  Serial.println("Hello New client");//Come on, we also have to welcome the client, but the client will not able to see it.
  while(!client.available()){
    delay(1);
  }

   // Read the first line of the request
  String request = client.readStringUntil('\r');
  Serial.println(request);
  client.flush();

   // Match the request
 
  int value = LOW;
  if (request.indexOf("/LED=ON") != -1)  {
    digitalWrite(ledPin, HIGH);
    value = HIGH;
  }
  if (request.indexOf("/LED=OFF") != -1)  {
    digitalWrite(ledPin, LOW);
    value = LOW;
  }
 
// Set ledPin according to the request
//digitalWrite(ledPin, value);
 
  // Return the response
  client.println("HTTP/1.1 200 OK");
  client.println("Content-Type: text/html");
  client.println(""); //  do not forget this one
  client.println("<!DOCTYPE HTML>");
  client.println("<html>");
  client.println("<body>");
  client.println("<h1>LED Control</h1>");
  client.println("<p>Made by Shaurya Pratap Singh</p>");
 
  client.print("Led pin is now: ");
 
  if(value == HIGH) {
    client.print("On");
  } else {
    client.print("Off");
  }
  client.println("<br><br>");
  client.println("<a href=\"/LED=ON\"\"><button>Turn On </button></a>");
  client.println("<a href=\"/LED=OFF\"\"><button>Turn Off </button></a><br />");  
  client.println("</html>");
 
  delay(1);
  Serial.println("Client disonnected");
  Serial.println("");
  
}

Credits

shauryacool

1 project • 1 follower

Web server led control

Things used in this project

Hardware components

Story

Setting up nodemcu in mac

Setting up web server

Demonstration

Schematics

Schematics

Code

Code

Credits

shauryacool

Comments

Embed the widget on your own site

Web server led control

Web server led control

Things used in this project

Hardware components

Story

Setting up nodemcu in mac

Setting up web server

Demonstration

Schematics

Schematics

Code

Code

Credits

shauryacool

Comments

Related channels and tags