Controlling Esp12E NodeMCU with LED from website using thingspeak from anywhere in the world

Teacher
Vivek Gupta
Vivek Gupta
Role : Writing free tutorials in free time
  • Website : http://vsgupta.in/
  • Experience : 5+ Years
  • Specialist in : IoT, NLP, Machine Learning, Chatbots, Voice Assistants, Hardware Engineering
Read More

Controlling Esp12E NodeMCU with LED from website using thingspeak from anywhere in the world(Part-2)

Control ESP12E from thingspeak using web page. This webpage will be made in html. And we will be using jquery to post the data on the thingspeak server from our HTML webpage. So lets get started. If you are seeing this tutorial directly then you can start from beginning here:

"Controlling Esp12E NodeMCU with LED from website using thingspeak from anywhere in the world"

In the "first part" we have already programmed our NODE MCU ESP12E module with the receiver code. Also , we had previously created a channel in thingspeak and tested it live. Now lets create the HTML page:

Follow the below instructions to create a webpage in HTML:

Open notepad ++ and copy the following code:

  1. We will first write the head code where we will define scripts and title:

2. Now we will create the body. Where we need one text box which will be used for the user to write the API of the thingspeak channel, 2 buttons for controlling each LED. One for on and other for off. So we will need total six buttons. And finally one more text box which will be used to show the activity by user. Like lights turned on, and off etc.

3. Finally put the script which will calls thingspeak rest api to update the channel feed for controlling the ESP12E.

Save the file as "Index.html".

Follow the below instructions for video instructions along with how to use the page to control ESP12E.

Now you have successfully controlled the Node MCU connected with three LED from a webpage using thingspeak as a server. Please subscribe to my youtube channel for more awesome tutorials.

Please login to get access to the quiz
Controlling Esp12E NodeMCU with LED from website using thingspeak from anywhere in the world(Part-1) (Prev Lesson)
Back to Controlling Esp12E NodeMCU with LED from website using thingspeak from anywhere in the world

Comments ( 2 )

Post a Reply