First step: upload a code to the ESP8266
Second step: Configuring the EasyIoT Web Interface

Published January 18, 2018 © GPL3+

Wi-Fi Controlled Relay

Just imagine every device controlled by your pc. This tutorial will guide you into some basics that you can then apply wherever you want.

IntermediateFull instructions provided2 hours1,563

Things used in this project

Hardware components

Breadboard (generic)

Espressif ESP8266 ESP-01

Resistor 10k ohm

Resistor 1k ohm

Relay (generic)

SparkFun FTDI Basic Breakout - 3.3V

SparkFun Breadboard Power Supply 5V/3.3V

UTSOURCE Electronic Parts

Software apps and online services

Arduino IDE

EasyIoT

Story

One day I woke up. I thought, why can't my windows be opened from my pc?! Why I have to get up from bed to get a bit of light?

Then the ispiration arrived.
7.30 AM.
The alarm goes off.
You stop it. Then open your pc, one click and there is it.
You can open your windows, turn on and off your lights, control every electronic device you want!

That's just some basic that you can apply wherever you want... hope you have fun trying it! Ok, so here's what you have to do. First, the uploading of the code to the ESP8266.

Use a FTDI Board like this:

1 / 2 • FTDI Board 3.3V

Be sure that it is 3.3V output!

The ESP01 can't stand more than 3.3V, so with 5V you will damage (permanently) it. Follow the schematics you can find down and upload the code for the ESP8266.

You can also find this project on PCBWay.com at this link!

First step: upload a code to the ESP8266;

If you wired it correctly, the upload should go smoothly. Just check "Generic ESP8266 Module" in "Board", and the correct COM port. Be sure to have the library "ESP8266WiFi" before compiling and uploading the code.

If any error occurs, just try connecting the "RST" pin on the ESP to the GND for a second. The re-connect the GPIO0 while uploading the code, and it should go. Just comment if you have any other problems.

Second step: Configuring the EasyIoT Web Interface.

So, that's it. Follow these steps correctly and you shouldn't encounter any problem.

1 / 4

At this point, you should have all your breadboard schematics set up and plugged in. Both the ESP01 and the Relay should be on. Then you can continue;

Click here to download the EasyIoT server. Then run it as administrator, a DOS window should open.
To access the EasyIoT Web Interface you need to put your IP Address (that you can find in cmd with the "ipconfig" command) in your browser.

Paste or write it in the URL tab and press Enter.

An Interface should appear, and you will be asked Username and Password.

They are "admin" and "test" by default, but you can change later if you want. For now, just focus on the following indications.

Now we need to add a new module in Web Interface.

Go to "Configure" -> "Drivers" -> "Virtual Driver" and press the button "AddNode". Enable Virtual Driver and press button "Add Node". An address should appear, something like "N21S0" or similiar. Write it somewhere because we'll need it later.

Press "Close", go back to "Group and Modules" and select "Virtual". Now press "More" and then "Add module". Select the module we added before (you'll recognize it by the address, that is the one you wrote somewhere.

Press "Add" and name it as you like. WHATEVER YOU LIKE.

Change module type from "Generic" to "Digital Output (DO)" and press "Update module"; If you did everything correctly, you should see your module on the front page in the "Virtual" group.

Now it's time to add an Automation Program to the Web Interface.

Click on "More" and "Add new program". Name it, again, AS YOU LIKE. Leave "Cron job" empty. Now press "Edit program" to upload the code to your program, which should be disabled. You should see something like this:

/* 
This code is running one time when the program is enabled.
*/
public void setup()
{
}
/*
This code is running periodically when program is enabled.
Cron job determine is running period
*/
public void loop()
{
}

Now paste the code i already uploaded, with the name "Code for the EasyIoT Web Interface". Enable the program and go in EasyIoT Web Interface front page. When you press "ON" and "OFF" in your Web Interface it should turn on and off your Relay.

Sponsor Link: Utsource.net

Reviews: It is a trustworthy website for ordering electronic components to complete projects!

Let me know if it works and if there any problems!

Code

#include <ESP8266WiFi.h>

const char* ssid = "your-ssid";
const char* password = "your-password";

// Substitute "your-ssid" and "your-password" with your home connection ssid and password.
WiFiServer server(80);

void setup() {
  Serial.begin(115200);
  delay(10);

  // prepare GPIO2
  pinMode(2, OUTPUT);
  digitalWrite(2, 0);
  
  // Connect to WiFi network
  Serial.println();
  Serial.println();
  Serial.print("Connecting to ");
  Serial.println(ssid);
  
  WiFi.begin(ssid, password);
  
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.println("WiFi connected");
  
  // Start the server
  server.begin();
  Serial.println("Server started");

  // Print the IP address
  Serial.println(WiFi.localIP());
}

void loop() {
  // Check if a client has connected
  WiFiClient client = server.available();
  if (!client) {
    return;
  }
  
  // Wait until the client sends some data
  Serial.println("new client");
  while(!client.available()){
    delay(1);
  }
  
  // Read the first line of the request
  String req = client.readStringUntil('\r');
  Serial.println(req);
  client.flush();
  
  // Match the request
  int val;
  if (req.indexOf("/gpio/0") != -1)
    val = 0;
  else if (req.indexOf("/gpio/1") != -1)
    val = 1;
  else {
    Serial.println("invalid request");
    client.stop();
    return;
  }

  // Set GPIO2 according to the request
  digitalWrite(2, val);
  
  client.flush();

  // Prepare the response
  String s = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\nGPIO is now ";
  s += (val)?"high":"low";
  s += "</html>\n";

  // Send the response to the client
  client.print(s);
  delay(1);
  Serial.println("Client disonnected");

  // The client will actually be disconnected 
  // when the function returns and 'client' object is detroyed
}

const String ESP8266_IP_ADDRESS = "192.168.1.6";

const String MODULE_ADDRESS = "N12S0"; 

/*

  This code is running one time when program is enabled

*/

public void Setup()

{

  

  System.Diagnostics.Process.Start("CMD.exe","");

  

  EventHelper.ModuleChangedHandler((o, m, p) =>

    {

    Console.WriteLine(m.Domain +" "+ m.Address + " in program id "+ Program.ProgramId.ToString()+ " property "+ p.Property + " value " + p.Value);

 

      if (m.Domain == "Virtual" && m.Address == MODULE_ADDRESS && p.Property == "Sensor.DigitalValue")

        sendCommand(p.Value);

        

        return true;

    });

 

}

 

/*

  This code is running periodicaly when program is enabled. 

  Cron job detirmine running period.

*/

public void Run()

{

}

                

 

 

private void sendCommand(string value)

{

  sendToServer("/gpio/"+value);

}

 

 

 

private void sendToServer(String message)

{

  try

  {

  //Console.WriteLine("TCP client command:" + message);

  

   Int32 port = 80;

   System.Net.Sockets.TcpClient client = new System.Net.Sockets.TcpClient( ESP8266_IP_ADDRESS, port);

   Byte[] data = System.Text.Encoding.ASCII.GetBytes(message); 

   System.Net.Sockets.NetworkStream stream = client.GetStream();

   stream.Write(data, 0, data.Length);

   // Close everything.

   stream.Close();         

   client.Close();

  }

  catch(Exception e)

  {

    Console.WriteLine(e.StackTrace);

  }

}

Credits

Gabriele Scordamaglia

6 projects • 42 followers

23 YO, Automation Engineering student in Italy.

Wi-Fi Controlled Relay

Things used in this project

Hardware components

Software apps and online services

Story

First step: upload a code to the ESP8266;

Second step: Configuring the EasyIoT Web Interface.

Schematics

ESP-01 Upload Schematics

General Schematics

Code

Code for the ESP8266

Code for the program in EasyIoT Web Interface

Credits

Gabriele Scordamaglia

Comments

Embed the widget on your own site

Wi-Fi Controlled Relay

Wi-Fi Controlled Relay

Things used in this project

Hardware components

Software apps and online services

Story

First step: upload a code to the ESP8266;

Second step: Configuring the EasyIoT Web Interface.

Schematics

ESP-01 Upload Schematics

General Schematics

Code

Code for the ESP8266

Code for the program in EasyIoT Web Interface

Credits

Gabriele Scordamaglia

Comments

Related channels and tags