ฝัง
- เผยแพร่เมื่อ 9 พ.ค. 2024
- • Your support helps me post videos more frequently:
/ acrobotic
www.paypal.me/acrobotic
buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
/ acrobotic
/ acrobotic
/ acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I go over the process, step-by-step, of how to write code in the Arduino IDE for getting a web server running. One of the most common tasks when using the ESP8266 is setting it up as a device that connects to a network and responds to traffic on it (i.e., a Webserver). Though several code samples exist already, I wanted to explain what you need from start to finish.
==========
• Project parts:
ACROBOTIC Development Board for ESP8266:
acrobotic.com/products/acr-00018
amzn.to/2dAZ1mW (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_...
==========
• Tutorials:
Detailed guide for getting started with the ESP8266 Development Board:
learn.acrobotic.com/tutorials/...
==========
• Music:
Jason Shaw (audionautix.com/). Creative Commons License 3.0.
==========
#ESP8266 #Arduino #Tutorial - วิทยาศาสตร์และเทคโนโลยี
![[UNCUT] ฝันรักห้วงนิทรา | EP.1 (1/4)](http://i.ytimg.com/vi/g7F6i0ganRU/mqdefault.jpg)
![[TH] 2024 PMSL SEA W1D2 | Summer | แข่งดุเดือด ยิ่งกว่าแดดที่ไทย](http://i.ytimg.com/vi/R4RirQ4N1C0/mqdefault.jpg)
After going through at least 30 tutorials on TH-cam, yours was the first one that went step by step and made me understand a bit what each of these commands do, thank you very much Cisco!!
Hey José. I'm so very glad it could help, thanks so much for letting me know. It keeps me motivated knowing that people find this stuff useful!
after many other TH-cam videos i though i have to ready full books myself to understand .. till i got to your videos (calm and step by step) ... now i understand everything.... you are the EVER BEST ... thanks bro
No worries, thank you for watching. It makes me happy you found it useful, and it helped you on your projects!
Best tutorial I have found. Very clearly explained, plus I really like the method of toggling the LED.
We're glad to hear you're finding the content useful! Thanks for the kind words :)
As instructional videos, yours are great! While a lot of other videos assume that the viewer already knows the basics, you took a different and the correct approach of explaning every single necessary detail. I cannot thank you enough!
Thank you for the kind words! I'm glad you like them!
FANTASTIC! This should be the standard for this type of instructional video! Easy to understand, not boring, clear and to-the-point. Thank you!! Very helpful.
Fantastic instructions. Thank you for being so detailed.
I'm glad you found them useful, Ryan. Thanks so much for watching!
This is the best tutorial I have seen for this topic.
I have so far listened to two videos on ESP webservers and I am starting to like your way of presenting. Good job !!
i made a webserver for a 3d printer thank to you, thanks man..gonna donate when im able to
These videos are giving me all the useful tools that I need for my projects. Well done !
Glad to hear you find them useful! Thanks for watching :)
Excellent video, interesting and useful content and very well presented. Well done and thanks.
Thanks for the kind words, Stephen! We're working hard on producing content that's useful for people interested in DIY Electronics. Glad to hear that our efforts are paying off :)
Yes, it's definitely the best ESP8266 video I've seen. And, trust me, I've seen nearly every one of them and none of them are this helpful and easy to understand. LOL! :-)
Can't we directly assign the web server duty to nodemcu, without using an AP? Can't we assign an IP address by ourselves to Esp?
@@palashpalpattuwar87 yes, I describe it on my other videos (Station Mode vs. Access Point).
thanks for your clear tutorials! I'm trying to add web functionality to my ESP8266 and these videos help a lot.
However, I have noticed that I don't need to add the ESP8266WiFi.h to my sketch, only adding ESP8266WebServer.h works too. Do I really need the ESP8266WiFi.h?
Well done!!
Do you have any experience on Photon??
Just the video i was looking for. Very informative.
Glad you found it useful!
Very nice video!!! Works with an ESP32 (specifically, I have the ESP-WROOM-32 ESP-32s board) with the only changes being the library names. I had to change ESP8266WiFi.h to WiFi.h and ESP8266WebServer.h to WebServer.h. Thank you so much for the time you take to share this information! The audio is very crisp and clear in this, which makes following along easy. As a bonus, now that I have it working, the family is impressed and excited for it's applications (remote control custom lights / remote cat treat dispenser). Thanks once again!
Thanks for the compliment, I'm glad you found the content useful! Thanks so much for sharing details about your project, it makes me happy that you got it done as well as gathered interest in your project from the fam. If you ever post projects online, let me know and I'd be happy to take a look!
Clear and concise, thanks great intro to wifi and webservices.
Very well done. I like the way you present your stuff. Thanks!!!
Thanks for the kind comment, it's a team effort :) More vids coming your way!
Jesus. I search for so long time for a tutorial that explain it so easy. Thanks dude
Lol, glad you found it useful brotha!
i have been searching for such step by step tutorial ... thanks sooooo much very helpful
No worries. I'm glad you found it useful!
Mate you have explained the question i had for years, cheers. SUBSCRIBED!!!
GODisONE MANisDUMB haha that's awesome! Glad we could help, thanks for the sub!
Best video ever...thank you so much. 1million times better than any other wifi module type tutorial video. Clear, simple, and easy to follow along with. Definitely subscribing to you.
Thanks for the kind words, Andrej. I'm glad you found the content useful!
Excellent video, simple, powerful, detailed.
Simple precise and accurate cant ask for more. Such a great tutorial.
ArshKFilms thanks for watching my vids. I’m glad you’ve found them useful!
Super tutorial! Great job, thank You.
The presentation and content were fantastic. Neat, clean and very well done indeed
We're glad you liked it! Stay tuned for more :)
Excellent! This was very helpful, thank you very much!
Thanks for watching!
presumably, the most useful tutorial on youtube for me
Thanks for the kind words, it makes me happy you find the content useful!
@@datasith plz upload a video for transmiting and receiving at the same time from the web server
@@datasith and can i communicate with a web server using multiple IOT's
A quality video, extremely useful for a beginner like me
Awesome! I'm glad you found it useful!
Great tutorial, thank you so much for your videos. You really explain all of the functions and jargon in the code and make it much easier to learn. I like your esp8266 OTA video very much also. In that video you referred to your next video being able to send code via OTA at any time without needing to reset. I'm struggling to figure out how to update code.
For example I'd like to add new firmware to update my led controllers to change virtual pin settings etc.
Thanks so much for the kind comment. It makes me really happy that you find the content useful!
Funnily enough, I'm working on the second OTA video right now, and should have it published next week-a few viewers are waiting for it, so I'll put in my best effort and hope you all like it!
Great tutorial! Thank you for providing such a thorough step-by-step process that is very easy to understand and follow. Cheers!
thanks for the kind comment, mike! i'm glad you found it useful :)
Very useful info and well presented. Thanks!
Thanks for the kind comment, glad you liked it!
great tutorial learned a lot. Thank you so much
Thanks for the kind comment, and for stopping by my channel!
I love your series on ESP8266!
Thank you! More episodes coming soon :)
Thanks for great start with ESP8266 :)
Excellent and crystal clear explanation. Thank you.
I'm glad you liked it! Thanks for stopping by!
Still an excellent tutorial in 2022!
Thanks for the informative video,
May i know why do you have to use Terminal Vi to write the coding ? Why can't just directly type into the Arduino IDE ?
Heya! Thanks so much for watching and for the kind words.
It's a matter of preference. We use Vim for a lot of different tasks (e.g., when working on our remote servers) so we're very familiar with it. Other popular text editors for programmers/developers include Sublime Text. However, the Arduino IDE's built-in editor works great too! Note that as your programs become more complex, the external editors have functionality that makes life a lot easier.
Excellent video and very well presented. Keep up the good work.
Thanks for the kind words! We're glad you liked it :)
It's very helpful for beginners . Thank you sir!!
Thank you for your kind words! We're very glad you liked it :)
I love your videos you talk at a good speed with a good description of the code you are writing but I don't know if it is me but your text is blue on a black background and it is very hard to see so it makes it hard to follow your code? thanks, Bob
WOW, I have tried other tutorials and had no success, but this has been explained clearly, now it WORKS and i understand it. Fantastic well done. Thank you
This makes me happy to hear, Gary! I'm glad you found it useful!
Thank you for this tutorial! Its like you read my mind and told me only what i needed to know lol, the wifes oven is going to be wifi controlled now, the control board went bad, way cheaper to use one of these than a new board.
That's awesome! Glad you found the tutorial useful. Upward and onward to (IoT) world domination!
Loved it thanks you as always very clear to follow, you are a good tutor
Thanks for the kind words, Bob. I'm glad you liked the content!
Excellent video - very pertinent and to the point. Good job and thanks!
Thanks, I'm glad you liked it!
Hi, I had a small question.
I have a larger code running on my ESP8266 module. I'm using a webserver to send a request to toggle an led as well. This seems to work fine when the program contains code for only this.
When I integrate it into my bigger program and try to toggle the LED, it doesn't. I believe this is because I don't exactly know how handleClient method works. Can you help me out? It is kinda urgent.
Can you send us the code over email, there are many possibilities and not enough information to even make an educated guess :-/ Thanks for watching though, we're glad that at least part of the code is working :)
Janak Chadha You cannot say its kinda urgent!! are hou kidding??? . These peopke are not working for you. They do it for free and you didn't even thank them for this excellent piece of work.
Hey!
I'm really sorry about that!
I was in the middle of a project submission fiasco and probably wrote the comment in a hurry. I really appreciate their work and think that my project would not have been possible without their help. As for the 'urgent' part, it was by no means said in an authoritative way. It was a humble request to help me out at the earliest, if possible. Anyway, hope that clears things out. Thanks again for your work and great tutorials.
Thanks for this awesome tutorial...Me too also use Vim in Linux & Mac to code
Thanks for the kind words, I'm glad you liked it!
Perfect! Thank you very much!!
Igor Tomljanovic, thanks for watching!
Hey man , Good bless you , you helped me so much !
Haha, thanks so much. I'm glad I could help!
Excellent explanation of a topic that has eluded my understanding. Nice job, Thanks!
Thank you so much for the kind words, we're very glad you found it useful!
Thanks Sir to clear every step , how and why we write methode and objects in code. This helps me lot
Thanks for the kind comment, I'm glad you found the video useful!
hello,great video. Thanks!
after compiling the program the ip address did not show.Please do you know what i am missing?
Very clear concise and informative
Thanks for the kind words, we're glad you found it useful!
Excellent tutorial!
Just one question; Is there a specific reason why you use external editor with Arduino IDE?
Exatcly. Why? I also would like to know . . .
Hey, Mikko. Using a full-feature editor can be useful when writing longer programs, but it's only a matter of preference. I like *Vim* because all editing operations can be done using keystroke combinations, and I've been using it for a looooong time. These days, a popular one to try is *Sublime Text* if you'd like. Thanks for watching!
Hey, Peter. Mostly a matter of preference and habit as you can see in the previous response. Thanks for watching!
Hello, I've been having some trouble getting things working on my ESP. I have a version 1 board connected to an arduino that is connected to the USB port. Is there anyway around this? Will I need to get some other form of USB connection to the ESP Module so that I can upload this to it directly? and if I do will I be able to control my arduino with the functions in the same way?
The reason I'm using an arduino uno is because I have a motor shield attached and my final goal will be to control a stepper motor from a remote location.
Thank you, awesome video... one of the clearest I've found on explaining the ESP Module and the Wifi library.
Thanks for the kind words!
The ESP-01 doesn't have a built-in USB-to-Serial chip so you'll always need either an Arduino or a dedicated board for this functionality. Alternatively you could use Over-The-Air (OTA) programming for loading your sketches to the ESP-01 without a wired connection.
If instead of using an Arduino Motor Shield you switch to a standard Motor Controller breakout board you can wire it to the ESP8266 and eliminate the need for the Arduino altogether. There's nothing wrong with your current setup, but our suggestion will simplify things a bit, having to worry only about a single microcontroller!
Hey, excellent video, thank you for that! My question: how can I change the format of the value I send. For example you use "text/plain" to send "Hello World", what do I have to use for sending an float type variable? Thanks ;)
Hi Sebastian, thanks for watching! The "text/plain" is a directive for the client to know what type of data is being sent, the options don't specify whether it's a number or a string. This logic is implemented on the client side, that is when you read the data being sent by the server you can typically specify whether it's a string, number, json object, etc. If you wanted to specify from the server side what type of data it is, you can send it as a json object with two fields:
{"value": 2.03, "type": "float"}
Thanks for the videos. They are very helpful. The use of 204 response code instead of 200 was very useful. The logic in your script is by far the easiest to understand. What I need now, though, is a way to have a html link or button trigger the toggleLED function instead. I want the page to offer the same functionality, but without typing into the URL or having to build a client side phone app. I only need about 10 buttons and it seems I can reuse whatever logic is needed. Thanks!
BTW, I am your patron. :)
Sorry I missed this comment, TH-cam finally lets us sort by "Comments I haven't responded to" so I'm going through the list. Have you looked at the Websockets videos? It's by far the easiest way to get data back and forth from a web client and the ESP8266 (th-cam.com/video/ROeT-gyYZfw/w-d-xo.html). Let me know if you can adapt the code to your needs, or otherwise I can give you a better example. Feel free to ping me on Patreon any time!
Thabk you very kuch, may i ask whats with the []()?
Thanks for an excellent tutorial. Your training method is precise, clear and easy to follow.
Tom (from UK)
Tom Stratton, thank you for the kind words! We're glad you're finding them useful!
Thank you very much for so many good instructional videos.... Great stuff
Greetings and thanks very much for sharing. Very well delivered and easy to follow! Thanks again!
Thanks so much for the kind comment, Sanjiv. I'm glad you found it useful!
great tutorial for learning esp8266. Thumbs up thumbsup. I just got stuck by playing your tutorial from 1-9... lol . But it was fine when i tried to see the last video.
Thanks! Glad you like our contend. Much more coming soon!
Very clearly explained. Well done.
Thank you so much, glad you're finding our content useful!
organised work
good, keep up
Thank you! I'm glad you found it useful.
Great tutorial!
Really Awesome video, man. Subbed! I've picked up two ESP8266 to help me control my garage door via wifi and to show me the status of my garage doors whilst I'm away. (to my phone). Still need to get the fundamentals down though.
Thanks Vik, glad our team's effort has been useful to you! Fun projects like those you mention are definitely in the queue. As you've realized though, we're making sure we post stuff that covers the fundamentals first :)
github.com/esp8266/Arduino/blob/master/doc/esp8266wifi/server-examples.md
The link above will explain all you need for this project. Just change the
String(analogRead(A0)) to a pin input for status of your garage door limit switch.
Function below is the response of the ESP8266 as server to the client.
String prepareHtmlPage()
{
String htmlPage =
String("HTTP/1.1 200 OK
") +
"Content-Type: text/html
" +
"Connection: close
" + // the connection will be closed after completion of the response
"Refresh: 5
" + // refresh the page automatically every 5 sec
"
" +
"" +
"" +
"Analog input: " + String(analogRead(A0)) +
"" +
"
";
return htmlPage;
}
Thanks for sharing that info, Gilbert!
@@gibo588 Error 404!
thanks for the info. Great video.
We're glad you found it useful! Thanks so much for the kind words!
Hello, i have used the code described at the tutorial, my nodeMCU is attached at port COM4 and it is setup accordingly at the Arduino IDE. the code compiled ok, and it was loaded ok, SSID and password are ok too, when it start running it issue the message: Fatal exception (0):
epc1=0x40100004, epc2=0x00000000, epc3=0x00000000, excvaddr=0x00000000, depc=0x00000000, do you know what can be wrong ?
Thanks so much for watching our vid and trying out the code. Double-check that you have a *delay(500)* when you're trying to establish the connection. If that's not it, try simplifying the code to the bare minimum (start with blinking the LED and move your way up) to determine what section of your program is causing the problem.
Thanks, excellent vide, you are a great teacher
Thanks for the kind comments, I'm glad you found it useful!
Thank you for this very nice and clear video. When I tested the WiFi connection, on the serial monitor, i could see the dot point endlessly showing up but no IP adress appearing, could it mean a problem with the WiFi on my nodeMCU?
Yup, that usually means that there was something wrong with your credentials (ssid/password). That's not the only reason, but definitely the lack of IP address indicates that the ESP8266 hasn't connected to the router yet!
Hi,
Do you have this program listed on a website or somewhere that can be read? I have searched for an error but don't seem able to find my mistake, comparing the video to what I have.
Thanks again,
Barry
Barry Black, no problem! It can be found following the link to the GitHub repo in the description :)
Thanks once again for your speedy response. I corrected my typo and now have the program running and displaying the 'hello world' message on the website however again Cisco was a little too quick for me to catch how to request that the LED toggles!
No problem, I think now if you have everything in place you can add to your URL the path "/toggle" to call the toggleLED function, which toggles the LED. Please note that the page won't display anything new, but the LED will switch on and off!
Thanks. It is working now and I can turn on and off the led. It's interesting to me that to turn on the light I add /toggle to the IP and the led comes on without pressing 'enter'. When I want to turn the led off though I need to again type /toggle but have to press 'enter' to have it happen.
Y
You folks are great by the way!
I'm struggling to watch this, nothing is explained well.
Great way of explanation
Great tutorial, thank you very much!
I'm glad you found it useful, thanks for the kind comment!
Nice video great background music in the intro part which one is that?
Can't remember the exact name of the track, but it's made by the awesome audionautix.com/. Thanks for watching and for your kind words!
Hi Cisco thanks for your good videos
How do I get a copy of your firmware you wrote in the terminal window and why not writing everything
in Atduino IDE
thanks
Please follow the links in the description! Thanks for watching!
Hey there! good video but I have a question, can we send HTML as a response instead of plain text?
Yup, you can change the type inside the function call and use HTML inside the returned string. HTH!
Excellent. I should have started here instead of the other one I commented on. +1
👍
The best tutorial i have seen for a while
This one is a hidden gem on TH-cam.
This guy deserve a million subs!!!
Thank you for such a great tutorial!
Could you please also let me know where I can find documentation on ESP8266WebServer? (because Arduino IDE doesn't have autocomplete, I need to now which functionality I'm able to use and how)
github.com/esp8266/Arduino/tree/master/libraries/ESP8266WebServer
Thanks for watching!
Thank you!
Hi Cisco, first of all thank you for making very informative videos. I am trying to connect my NodeMCU 0.9 to my mobile hotspot but not able to connect, I am following all the steps and used the same code that you have used for your case. Please help me in this regard.
Hmm, strange, I'm not sure why. I'm always able to connect to mobile hotspots running on either iOS or Android. Double check your credentials!
Hi Cisco... Your tutorals are best and on point. Easy to understand.
I want to know if we can send an empty response in this method" server.send(200, “text/plain”, “Other URL”); "
I do not want to take client to anyother page but to keep on the same.
Your help will be really appreciated.
Yes you can, you can use the HTTP code 204 for an empty response "". Thanks for watching, and for the kind words!
Great video and i have found it very interesting.
But my problem is that i have uploaded code to my ESP-01 module and it works as expected when my module is connected to my laptop via USB - TTL converter , when i plug the usb-ttl converter to POWERBANK or 5v Wall charger the blue light always turns on also some times ESP-01 sends some random characteres until i power it off and on again.
Hmm, we haven't played much with the ESP-01, but I have read on several discussion threads that the power source needs to be very reliable. Sorry we can't be more helpful!
Hi,
I had this working well a couple of days ago but when I tried it today, the Arduino IDE no longer has the USB drivers as an option. I have tried to remove and re-install the drivers to no avail. I am not entirely certain that I am using the proper method to remove the old drivers from my mac. I copied the removal script given in the install package and pasted it into terminal but I have no idea how to ensure that it worked. Would you please be able to help?
Thanks in advance.
OK. I figured out what I had wrong and things are working again.
Can you open up the Terminal App and type:
ls /dev/tty.*
Do it with the board unplugged and then plugged in to the USB port, see if there's an extra entry when the board is plugged in. By the way, what kind of ESP8266 development board do you have?
thanks for the response. It is working now. I'm embarrassed to say that I had it incorrectly connected! Once I got that straightened out everything worked as it should again. The board I have came from Kuman.
My problem is I haven't used terminal commands since my MSDOS days on an XT machine I built myself and although I was quite confident back then I seem to be struggling with it now.....
Barry Black, no worries we've all been there! Glad you're sorting it out, just like riding a bike :)
Sweet!!!, on/off code trick using "!" in digitalWrite(pin_led, !digitalRead(pin_led)); I came across this in another snippet of your code and was scratching my head about it's purpose. Really helped to have you confirm what it was doing. Thanks!!!
if i type xx.yy.ww.zz/toggle from my phone which is connected to a different network(not to the one which nodemcu is connected) will the led turn on in this case ?
No. The IP address of the NodeMCU is only accessible locally. That is, from the same network to which it's connected. To access the NodeMCU from other networks you need to do something to make it accessible. I show some options in other videos, for example:
th-cam.com/video/lteGQrY5Yu4/w-d-xo.html
Excellent video. Your video has led me to buy a module for experiment. Now the question comes, for working in Arduino environment, what firmware or bootloader that I need to install to the ESP8266 board? Where could I download the bootloader and firmware file for this purpose? TYIA...
The Arduino IDE allows you to upload your own firmware (the code that you write). You don't need a bootloader or a pre-compiled firmware file. Check out our other videos for how to get started. Thanks for watching!
Gotcha. Thanks...
Hi, great video. Could you show me how to use 8266WebServer library (method, function....)? thanks
Thanks! it is well presented, but I have a question; we can't upload the code itself through WiFi? I mean, make ESP as an access point and upload the code to it after that ?!
You're welcome! Thanks for the kind comments. There's a method for uploading code over WiFi. Check out our video on Over-The-Air (OTA) programming. Thanks for visiting our channel!
Lovely tutorial bro
Thanks for the kind comments, boss. I'm glad you liked it!
Wow explained really good...I like that
Thank you!
Excellent tutorial. Very clearly presented. Do more:-) Thanks!
Thanks for the kind words, we'll get back to it soon enough!
You are my hero
I'm glad I could help, thank you for the kind comment!
Simple, precise and accurate :-) Perfect, but one private whish: don't use any background-music for yor future videos :-)
you have to be in the same router or can be accessed from anywhere?
For this demo you have to be on the same router. In future videos we'll show several ways for accessing the ESP8266 from anywhere! Thanks for watching!
I know I'm late to the party but why use an external editor? It looks like your just using the equivalent to a Windows command prompt window?
I just asked the same question. Seems dumb and more potential for typos.
You are awesome teacher. I like the way your explain things. Thank you and God bless you.
It encourages us to keep working hard knowing that you're finding the content useful. Thanks again, Imtiaz!
I tried this and everything seem to have gone very well and i see the ip address on the serial monitor. However, when i goto IE and Chrome and type the ip adress it is not responding. wondering what i am doing wrong.... Thanks
Hmm that's strange. In your computer is connected to the same Wi-Fi network, you should be able to navigate to esp8266.ip.address/ using the ip address you're seeing and the browser should display the "Hello World" message. If you try the /toggle path, then nothing occurs on the browser, but the LED should toggle on and off. Hope that helps!
Good one man... thanks
Glad you found it useful. Thanks for watching!
OMG I love you so much!
Thank you, thank YOU!
Hi, first of all congratulations for the videos, very complete.
I have only one question... I cannot make it to install the library ESP8266Wifi...
The library is automatically installed when you add support for the ESP8266 board in the Arduino IDE. Make sure you select one of the ESP8266 boards from the menu before compiling/uploading the code. When you do this, the Arduino IDE 'knows' where to find the library. Thanks for watching!
🆒 Excellent video! Thanks from whole 🇵🇰
Nicely explained. Pls help me, i hv followed all steps but at end when i tried to connect with server through ip address could not connect.
Thanks for watching. Double check that you don't have a typo in your code. You can use the link in the description to check my source code. HTH!