Published October 3, 2017 © GPL3+

ESP8266 Light Level Monitor

Using an ESP8266 Thing Dev, write the current light levels to a local webpage.

BeginnerFull instructions provided1 hour2,497

Things used in this project

Hardware components

SparkFun ESP8266 Thing - Dev Board

Resistor 10k ohm

Jumper wires (generic)

Software apps and online services

Arduino IDE

Story

Have you ever wanted to know if your light is on in your room? What if you are out of town and have forgotten if you turned off the living room lamp? This project allows you to see the light levels of a room from a simple webpage that updates every second.

Video

Wiring

To begin, solder some headers to the ESP8266 Thing Dev board. Next, I connected the LDR to a 10k pulldown resistor and 3.3v. An LDR changes resistance based on the level of light that hits it. Then I used a jumper wire to connect the 10k resistor to the ADC pin.

Programming

The code for this device is pretty simple. I began by loading up the example sketch for a Hello World server. In order to make it state the light values and refresh automatically, I changed the handleRoot callback function to serve custom html code. Since I don't have an SD card, I couldn't use javascript for automatically refreshing the values. Thankfully, HTML provides a way to refresh the page at a set interval. I just used <meta http-equiv="refresh" content="1"> after the <p> tags. Don't forget to include your WiFi credentials in the attached sketch.

Usage

Now, just visit the IP address of the ESP8266 to view the page, in my case it was 192.168.0.41. Be sure to allow websites to refresh automatically in your browser settings. If you would like to view the page when you're not on the same network, such as on a phone using data, port forward to the IP address of the ESP8266. So instead of 192.168.0.41, for example, I would type MY_IP:THE_PORT_I_CHOSE_TO_FORWARD . MY_IP is your external IP address and THE_PORT_I_CHOSE_TO_FORWARD is the port you set up in your router settings. And that's it! Now you can check if your lights are on or off without being in the room! Try making the device turn off a lamp if you click a button on the webpage for an added challenge!

Code

The Code

#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>
#include <ESP8266mDNS.h>

const char* ssid = "SSID";
const char* password = "PSSWD";

ESP8266WebServer server(80);

void handleRoot() {
  String msg = "<html><head><title>ESP8266 Light Levels</title></head>";
  msg += "<body>";
  msg += "<p>The light level is: ";
  msg += String(analogRead(A0))+"</p>";
  msg += "<meta http-equiv=\"refresh\" content=\"1\" />";
  msg += "</body></html>";
  server.send(200, "text/html", msg);
}

void handleNotFound(){
  String message = "File Not Found\n\n";
  message += "URI: ";
  message += server.uri();
  message += "\nMethod: ";
  message += (server.method() == HTTP_GET)?"GET":"POST";
  message += "\nArguments: ";
  message += server.args();
  message += "\n";
  for (uint8_t i=0; i<server.args(); i++){
    message += " " + server.argName(i) + ": " + server.arg(i) + "\n";
  }
  server.send(404, "text/plain", message);
}

void setup(void){
  Serial.begin(115200);
  WiFi.begin(ssid, password);
  Serial.println("");

  // Wait for connection
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.print("Connected to ");
  Serial.println(ssid);
  Serial.print("IP address: ");
  Serial.println(WiFi.localIP());

  if (MDNS.begin("esp8266")) {
    Serial.println("MDNS responder started");
  }

  server.on("/", handleRoot);

  server.onNotFound(handleNotFound);

  server.begin();
  Serial.println("HTTP server started");
}

void loop(void){
  server.handleClient();
}

Credits

Evan Rust

122 projects • 1087 followers

IoT, web, and embedded systems enthusiast. Contact me for product reviews or custom project requests.

ESP8266 Light Level Monitor

Things used in this project

Hardware components

Software apps and online services

Story

Video

Wiring

Programming

Usage

Schematics

Schematic

Code

The Code

Credits

Evan Rust

Comments

Embed the widget on your own site

ESP8266 Light Level Monitor

ESP8266 Light Level Monitor

Things used in this project

Hardware components

Software apps and online services

Story

Video

Wiring

Programming

Usage

Schematics

Schematic

Code

The Code

Credits

Evan Rust

Comments

Related channels and tags