I like the idea of addressing mDNS and nicer web UI. Maybe also as you move forward, the MQTT and integration (with an RPi?) and then some of the generic IoT apps like Blynk would be neat to see as well. Maybe with that neat 2 servo camera mount :)
Excellent. I hope you will consider covering MQTT with ESP8266. Could you comment on what you're thinking in terms of upcoming videos? The detailed references you include are much appreciated. Thanks!
Thanks! As of right now we were planning on quickly covering mDNS and doing a couple of vids on using the ESP8266 to request data instead of serving it. After that we wanted to show how to build UIs on the ESP8266 by serving HTML/CSS/JS content from it. These would be on Tips & Tricks series. For MQTT we'd need a more complete project that we'd post in our regular IoT with ESP8266 series, but we think we can squeeze it into our upcoming schedule. We're off next week due to holiday, but we'll be back to it right after! Thanks so much for watching our vids :)
For windows users, the URL looks different than for the Mac. Here is what you have to enter in the browser to see client.html file:///C://webserver_js_client/client/client.html Windows or Chrome is smart enough to turn the slashes around, in case you entered backslashes (after the 3 forward slashes).
You can try nodejs micro webservers, for example, linux mac, sudo npm i -g http-server, windows open a admin cmd and type the same command without sudo,. Now if all its ok, just type http-server . All will be at the same url haha
Clear and good tutorial! Can you show how to handle continouos JSON temp data coming from a client ESP with websocket to a ESP with webserver and websocket and SPIFFS ?
I just can not understand, why using console while teaching dumb beginners as myself..... and writing code in text editor but not in Arduino IDE instead... What purpose of that posing??? Cant you make it a bit easier just using standard methods? Please...
There are thousands of videos on UA-cam for you to choose from. This is how we feel comfortable doing things, and we understand it's not going to please everyone ¯\ _ (ツ) _ /¯
Yep, you're right. But personally, i think you should be more beginners friendly while teaching them. You have not bad content and quality of videos is higher than average DIY youtubers... And it just my opinion, a do not judge you in any way, just saying what i would like to see as audience of this channel. And thank you for reply.
No worries, we think everyone learns differently, and we respectfully think that the method we use is suitable for beginner (our target audience). We welcome and appreciate any feedback, good or bad, as it helps us improve. In this case, we feel very strongly about using an external editor from the very beginning, but we understand your point that it diverts the focus from the programming itself. If you choose to try this route, Sublime Text is a great editor that will be very handy as your code becomes more complex!
I also would suggest to switch from your console, to normal methods.. Just open a file with "Finder" and edit text based documents with an normal text editor instead of the console
Not sure what you mean by parent/child. The terminology is server/client. You can have a single device like an ESP8266 running both a server and a client in the code. HTH!
Your JavaScript client can ask the ESP8266 for any data in the same way through a GET request. Notice that in this example we do not have any HTML elements in the page, but you can add a the element. Then you can use additional JavaScript code after the GET request to add the returned data to the . HTH!
Hi. Actually im using the esp8266httpclient and esp8266wifi libraries but im getting error regarding base64. Can u please provide me the correct libraries.
If you serve it as part of an HTML page, then it runs on the PC. If you want server-side JS (i.e., running on the MCU) then you can use a firmware like Espruino-we have a video on it. Thanks for watching!
You're logo in the bottom right is so annoying, it's spinning but it only spins 180 degrees then restarts. If it was actually rotating then every half cycle the image should be flipped :(
Thanks for watching! If you want to open the JavaScript file for editing, you'll need a text editor such as Sublime Text or similar. If you want to run the JavaScript code, it'll open in the browser, but nothing will display on the page as mentioned in the video.
Great video, thanks for posting! Javascript link broken? Should it be this -> github.com/acrobotic/Ai_Tips_ESP8266/blob/master/webserver_js_client/client/client.html
Dude, amazing tutorials. Loving this stuff!
Thank you for the kind words. I'm glad you liked it!
I like the idea of addressing mDNS and nicer web UI. Maybe also as you move forward, the MQTT and integration (with an RPi?) and then some of the generic IoT apps like Blynk would be neat to see as well. Maybe with that neat 2 servo camera mount :)
Sounds like a plan! Thanks for the feedback!
Great video! Very clear and well explained
Thank you! I'm happy you found it useful.
Very well done- Thanks. I learned something from you today.
Thanks for the kind words! We're glad you liked it :)
Excellent. I hope you will consider covering MQTT with ESP8266. Could you comment on what you're thinking in terms of upcoming videos? The detailed references you include are much appreciated. Thanks!
Thanks! As of right now we were planning on quickly covering mDNS and doing a couple of vids on using the ESP8266 to request data instead of serving it. After that we wanted to show how to build UIs on the ESP8266 by serving HTML/CSS/JS content from it. These would be on Tips & Tricks series.
For MQTT we'd need a more complete project that we'd post in our regular IoT with ESP8266 series, but we think we can squeeze it into our upcoming schedule. We're off next week due to holiday, but we'll be back to it right after! Thanks so much for watching our vids :)
For windows users, the URL looks different than for the Mac. Here is what you have to enter in the browser to see client.html
file:///C://webserver_js_client/client/client.html
Windows or Chrome is smart enough to turn the slashes around, in case you entered backslashes (after the 3 forward slashes).
Thank you for sharing, Larry!
You can try nodejs micro webservers, for example, linux mac, sudo npm i -g http-server, windows open a admin cmd and type the same command without sudo,. Now if all its ok, just type http-server .
All will be at the same url haha
Clear and good tutorial!
Can you show how to handle continouos JSON temp data coming from a client ESP with websocket to a ESP with webserver and websocket and SPIFFS ?
thanks for the kind words! i'm covering parts of what you're suggesting in my next video. stay tuned!
I just can not understand, why using console while teaching dumb beginners as myself..... and writing code in text editor but not in Arduino IDE instead... What purpose of that posing??? Cant you make it a bit easier just using standard methods? Please...
There are thousands of videos on UA-cam for you to choose from. This is how we feel comfortable doing things, and we understand it's not going to please everyone ¯\ _ (ツ) _ /¯
Yep, you're right. But personally, i think you should be more beginners friendly while teaching them. You have not bad content and quality of videos is higher than average DIY youtubers... And it just my opinion, a do not judge you in any way, just saying what i would like to see as audience of this channel. And thank you for reply.
No worries, we think everyone learns differently, and we respectfully think that the method we use is suitable for beginner (our target audience). We welcome and appreciate any feedback, good or bad, as it helps us improve. In this case, we feel very strongly about using an external editor from the very beginning, but we understand your point that it diverts the focus from the programming itself. If you choose to try this route, Sublime Text is a great editor that will be very handy as your code becomes more complex!
When it comes time to edit files other than ino files, like the client.html file in this video, using Arduino IDE is inconvenient.
I also would suggest to switch from your console, to normal methods.. Just open a file with "Finder" and edit text based documents with an normal text editor instead of the console
Thank you very much
Our pleasure! Thanks for watching!
If the web server acts as parent, then child is also the server, no? Also, are function/methods another name for geometry
Not sure what you mean by parent/child. The terminology is server/client. You can have a single device like an ESP8266 running both a server and a client in the code. HTH!
how to display sensor data on the webpage using this method?
Your JavaScript client can ask the ESP8266 for any data in the same way through a GET request.
Notice that in this example we do not have any HTML elements in the page, but you can add a the element.
Then you can use additional JavaScript code after the GET request to add the returned data to the .
HTH!
you should definitely use websockets. forget about traditional http get post etc
Hi.
Actually im using the esp8266httpclient and esp8266wifi libraries but im getting error regarding base64.
Can u please provide me the correct libraries.
We haven't come across that error before, please make sure you have the latest version of the Arduino IDE installed.
Is the js executed in nodemcu or in the pc web browser
If you serve it as part of an HTML page, then it runs on the PC. If you want server-side JS (i.e., running on the MCU) then you can use a firmware like Espruino-we have a video on it. Thanks for watching!
You're logo in the bottom right is so annoying, it's spinning but it only spins 180 degrees then restarts. If it was actually rotating then every half cycle the image should be flipped :(
Thanks for the feedback!
I'm sorry it's just once you notice you can't unnotice :D
You have a nice channel btw
thank you for your great efforts, but I cant open the java code!!
Thanks for watching! If you want to open the JavaScript file for editing, you'll need a text editor such as Sublime Text or similar. If you want to run the JavaScript code, it'll open in the browser, but nothing will display on the page as mentioned in the video.
Make mqtt with javascript clients❤
i'll add it to the queue! thanks for watching!
Some people make things unnecessarily complicated...
While others make asinine comments on UA-cam.
can you help and support me to create iot web server like Sonof ?
Sure, for $160/hour I'll do it!
It's very good tutorial for bigners
Thanks, we're glad you found it useful!
Great video, thanks for posting!
Javascript link broken?
Should it be this -> github.com/acrobotic/Ai_Tips_ESP8266/blob/master/webserver_js_client/client/client.html
Thanks for watching, and even more so for catching our typo! We've fixed the link in the description, thanks again!