ESP32 Web page creating and updating

  Рет қаралды 152,148

Kris Kasprzak

Kris Kasprzak

2 жыл бұрын

This video will show how to use your ESP32 for creating and updating web pages. Learn how to 1) create an access point for client connection, 2) serve a web page using HTML, 3) make fast updates of changed data on the page using AJAX and XML, and 4) receive user interactions like buttons and sliders for making settings and changes from the web page.
This video is fairly detailed and long, but hopefully with the included sample code, you will be able to create fancy web pages that let you update data quickly and allow users to makes setting changes from the web page.
Use this technique for home automation systems, control systems, remote monitoring systems, telemetry etc. Send and get data from your web page made easy.
This tutorial uses a standard ESP32 micocontroller and the Arduino IDE. The web page is written HTML, uses CSS styling to make the web page look better, and java script to update portions of the web page from XML sent from the ESP.
code at:
github.com/Kri...

Пікірлер: 212
@user-st8bb2gs9e
@user-st8bb2gs9e 2 жыл бұрын
KZfaq.... Why the hell i need to search for hours, when there is such a good video ?????
@amelliamendel2227
@amelliamendel2227 Жыл бұрын
I've been looking for weeks. None of the dronebot code works anymore
@Mr0rris0
@Mr0rris0 4 ай бұрын
Because the grocery puts what you need at the back so you gotta look at everything and up the chances the house wins when you impulse buy some oreos Oreos is like put me in rhe way we gotta be in it to win it. Meanwhile we can't afford nothing so it's a convicting consumer chorus ultimately Ya know everything is baked in. Industry is held up by their seeming inability to know I ain't got money but they advertise anyway. That's a waste and it's priced into valuations down stream Who benefits from me getting laxative ads on the can because I took too long. Nothing about my file should indicate I've ever bought a single thing advertised to me. They have wasted like billions probably I won't break though because I'm BROKE 😂
@nelsonmartins8995
@nelsonmartins8995 2 ай бұрын
say that again, but now slowey and you´ll get it
@nicolaspillot5789
@nicolaspillot5789 2 жыл бұрын
at 14:06 the 200 is *NOT* a timout/timer/delay, it is the http réponse status code, which tells the client if his request succeeded (200) or not (4xx) or if the server had an error (5xx)... look up "http status codes"
@DennisWarner-n3t
@DennisWarner-n3t 14 күн бұрын
Wow, Took me minutes to get your code working on my ESP32, -- took a week to find your video. You sir are a steely eyed missile man. I learned a great deal, many thanks.
@KrisKasprzak
@KrisKasprzak 14 күн бұрын
Too funny….not about the time to find this vid, but the missile man comment . Glad I could help!
@briankendall1978
@briankendall1978 2 жыл бұрын
Kris, Thanks for taking the time share this information. So much better than the typical "lets turn on and off an led" video.
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad it was helpful!
@your_utube
@your_utube 2 жыл бұрын
Amazing what you had to go through to just come to grips with the web stuff. Those of us who have been at it since the early 90's can tell you that the learning curve is steep, especially now that there are so many options out there. JSON is pretty easy to use, because XML is not that popular anymore as it used to be decades ago (am I really getting that old?). Your system is just superb and I started this week with ESP32 and I am amazed at it. Never really worked with an MCU before. I knew waht ti was and what it was sued for, but nice to do it hands on. Your type of videos are so invaluable in inspiring and showing those of us with big ideas that our ideas are not silly, because it has been done already. Thanks again.
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad I could help post an update of what you’re doing I’m sure my subs would like to hear other stories
@texasapps2595
@texasapps2595 2 жыл бұрын
YOU MAN! YOU ARE THE BEST!!!! I've been looking for months how to update my variables without refresh the page! and you take your time to explain in a very clean way! ThankYou from Ecuador x1000!!!!!!!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad I could help
@larryd6801
@larryd6801 8 ай бұрын
Every time I recommend this video, the person says you should have blown the dust off the fan blades 😉 . Thanks again for sharing this ! ! 👍
@mattthewizard829
@mattthewizard829 2 жыл бұрын
hi Kris, just wanted to say that your tutorial is amazing! so much context, and guidance. It's so awesome that you take the time to explain the "what could go wrong" scenarios, and give tips on how to debug. I feel these are the most important subjects when learning to program, shit will break, and how do you resolve that. Thanks man!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad I could help
@murraymadness4674
@murraymadness4674 3 ай бұрын
LOL, whenever I watch videos like this that show code I'm always trying to scroll down or up to see or re-see something. Always makes me lol
@KrisKasprzak
@KrisKasprzak 3 ай бұрын
Don’t forget, there is a link to the source code in the description.
@murraymadness4674
@murraymadness4674 3 ай бұрын
@@KrisKasprzak Great, I will download it and probably use it as a base for my app. btw, I created one of the first commercial websites in the world, it was static html served by a ftp server. My last real job was hacking a massive web app for telemedicine video conferencing, scheduling, test results, etc. And I want nothing to do with that complexity anymore!
@wes3428
@wes3428 2 ай бұрын
I was doing the same thing!
@stevesopenrocket
@stevesopenrocket Жыл бұрын
For the first time some of this makes sense, thank you. The only thing I need now is how to get the video off a esp32 cam.
@dlveach
@dlveach Жыл бұрын
Great tutorial. Lot of content but you cover it well with a nice fast pace. Wish many other KZfaqrs would do that!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
I appreciate that!
@gpTeacher
@gpTeacher Ай бұрын
This is an OUTSTANDING TUTORIAL! Thank you so much!
@KrisKasprzak
@KrisKasprzak Ай бұрын
Thanks, keep inventing and keep teaching.
@rarenu
@rarenu 2 жыл бұрын
All your videos are great assets to learners like me. You stand apart from others in your uniqueness and it is really a god's gift. Bring out your ideas to the world, let the present and future generation learn, benefit and cherish. With Great Regards and Best Wishes.
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Thank you for your kind comments.
@lone-eltemplodeltalento6196
@lone-eltemplodeltalento6196 2 жыл бұрын
Thanks for the video. Never used XML in webpages. I used json along with "fetch()" function to request data from server and it works quite well. And yes, there are also videos on youtube where people use websockets when real time communication is needed. Its doesnt seem too hard to do.
@TrillShatner
@TrillShatner Жыл бұрын
Yeah, buddy mentioned that web socket is used more for monitoring and live debugging… Absolute easiest, and most lightweight method is just posting with Ajax. Laravel’s Request Model makes it stupid easy.
@S--xc4rv
@S--xc4rv Жыл бұрын
can u provide me that videos of real time communication ?? please ?
@kychemclass5850
@kychemclass5850 2 жыл бұрын
Hi Kris. You seem to like challenges.... so here's one: Get the ESP32 to dump live data into Libreoffice Calc whereby Calc charts the data coming against the time the data came in.
@DailyCakeSlice
@DailyCakeSlice 2 жыл бұрын
Wow. You absolutely rock. The video and code are incredibly helpful and super clear. Seriously, I cannot thank you enough!!!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
You're very welcome!
@haose5513
@haose5513 4 ай бұрын
Great code man Thank You so Much. The code & explanation is very intuitive & concise. I never code other than C (beginner level) language before, so I was very happy my logic was aligned with the code. Other tutorials just feel so incomplete
@KrisKasprzak
@KrisKasprzak 4 ай бұрын
Glad I could help, keep inventing
@hernanyretarino5336
@hernanyretarino5336 5 ай бұрын
This is "VERY HELPFUL" Thanks a lot for posting video like this. ❤
@JohanDegraeveAanscharius
@JohanDegraeveAanscharius Жыл бұрын
FINALLY, I found someone who makes it simple!! Thank you so much!!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Thanks for the compliment. Hopefully it will help you create some cool projects.
@user-co8un6lx3t
@user-co8un6lx3t 2 жыл бұрын
Спасибо, ваша работа дала мне больше понимания для постройки web интерфейса 🤝
@mrpraphartRompruek
@mrpraphartRompruek Жыл бұрын
Kris,Thank you, this tutorial is so useful for me and every one.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad it was helpful!
@thisoldjeepcj5
@thisoldjeepcj5 7 ай бұрын
Thank you for the tutorial and code sample.
@EZtech
@EZtech 2 жыл бұрын
Works Great! Awesome! And my favorite...lots of commenting in the Code. lol
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Great to hear!
@thomasvieira
@thomasvieira Жыл бұрын
Very well documented repository and code! Congratulations!! Very usefull and nice to understand. Thanks
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad it was helpful!
@larryd6801
@larryd6801 2 жыл бұрын
Kris: Hi from Canada. I tried it, I love it ! This example is the best. Thank you for spending the time in putting this together. Thank you for sharing your skills with us. Fantastic. PS, the wife says you are good looking. 🙄
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad I can help, and tell your wife thanks for me
@JeahBee66
@JeahBee66 2 жыл бұрын
Unfortunately, I'm a loser at website programming. Would it be possible to get an example with a 2nd page and fields for entering numbers?
@jamesmichaelcabrera9613
@jamesmichaelcabrera9613 4 күн бұрын
Thanks Kris
@djkatt9604
@djkatt9604 2 жыл бұрын
Hello, first, thanks a lot for your video and your time to explain this, very usefull, but i have a problem, i have ESP8266 and, in this example you use ledcWrite and others mehods for ESP32 ONLY, you can make a modified version of this proyect to work with ESP8266? plz thanks so much!
@jakubmracek4483
@jakubmracek4483 10 күн бұрын
2:25 ive heard that it it bc when you use esp as a keyboard simulator and what to reprogram it after the esp works like a keyboard the computer will see the esp at a keyboard and you will not be able to reprogram it that is what i heard so when you press the boot button you are setting the esp to a programing mode where all functions should be off and the esp is waiting for program
@gearscodeandfire
@gearscodeandfire Жыл бұрын
How the heck did the algo only now introduce me to your channel? Great work.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad you liked it.
@vaibhavbhardwaj8895
@vaibhavbhardwaj8895 Жыл бұрын
1 min in and i already love the video
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Thanks for the positive comment
@sandryseibert
@sandryseibert 2 жыл бұрын
Outstanding job. I'm just updating all my IoT toys here at home. Wish I can pay you a coffee!
@frankmayo1410
@frankmayo1410 Жыл бұрын
Very fine video! Well explained and something I've been looking for to make my project. Thank you!
@evilkittyofdoom195
@evilkittyofdoom195 Жыл бұрын
This actually made sense to me, will try this weekend thank you.
@cyberphox1
@cyberphox1 2 ай бұрын
Nice, just starting out with ESP32 👍
@KrisKasprzak
@KrisKasprzak 2 ай бұрын
Have fun!
@lundebc
@lundebc Жыл бұрын
Excellent video for me, as I can program all the sensor reading and such, but am lousy with the HTML/XML/Web Server. This helped me a lot!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad it helped!
@Jorge_AS_Fernandes
@Jorge_AS_Fernandes Жыл бұрын
This is a great project. Thanks for all the work! From Portugal
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Obrigado!
@TimoBirnschein
@TimoBirnschein 8 ай бұрын
Wonderful tutorial! Thanks a lot for sharing! Also: Great voice!
@KrisKasprzak
@KrisKasprzak 8 ай бұрын
Glad I could help!
@sid240179
@sid240179 8 күн бұрын
Great Video! Thank you!
@rikilshah
@rikilshah Жыл бұрын
You made an amazing video with such a detailed explanation.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad it was helpful!
@blatogh1277
@blatogh1277 2 жыл бұрын
amazing, got to monitor the robot arm swings using this tutorial
@blatogh1277
@blatogh1277 2 жыл бұрын
finally, my project works!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad to hear it.
@gabrielalmeida5047
@gabrielalmeida5047 3 ай бұрын
Excelent video, thank you.
@KrisKasprzak
@KrisKasprzak 3 ай бұрын
Glad you liked it!
@mrafayshams3089
@mrafayshams3089 2 жыл бұрын
Brilliant manifestation of practical use of websockets and esp32. I have one question though. How can we send and recieve asynchronous data to an actual website that we create with html, css, and js rather than running it on the local host? Thanks and Best regards.
@samiobi
@samiobi 6 ай бұрын
Thank you Kris for the excellent work, my question is can i control two esp32 from a single web page, if so can you please elaborate on the required changes on the code , thank you
@KrisKasprzak
@KrisKasprzak 6 ай бұрын
do you want the same instruction going to both ESP 32s or are you intending the webpage to send different instructions to different32s?
@samiobi
@samiobi 5 ай бұрын
the instructions the can go any one esp, for example i can select from the same webpage to switch on led in esp number one or to switch on led in esp number two @@KrisKasprzak
@JohnJCouture
@JohnJCouture 3 ай бұрын
Great Video, Thank you.
@KrisKasprzak
@KrisKasprzak 3 ай бұрын
Glad you liked it.
@AllertonEPS
@AllertonEPS Жыл бұрын
Amazing thank you so much - as you say it is SO confusing - trying to chase things through - and your video takes a lot of the mystery out of the coding. And as you say at the start - most demostrations only show one aspect where as you have demonstrated multiple aspects of web page response systems. Have you come across ESPASyncWebServer ? - Think that is another way which might take care of website updating and avoiding rebooting of the device due to Timeout. Thank you so much for publishing this video - fantastic ...
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Thanks, glad I could help.
@oledodeck
@oledodeck 2 жыл бұрын
What a great tutorial! Thank you so much!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Thanks.
@attariazeddine6603
@attariazeddine6603 7 ай бұрын
Excellente présentation, bravo et MERCI
@seanperez1210
@seanperez1210 2 жыл бұрын
Nice👍🏼 much needed clear tutorial. I’ve seen dozens of tutorials but that refresh the page all the time. Instead of Ajax and xml, would this work with websockets ? That might take this to the ultimate level 🙂
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Website is is definitely the ultimate I’m just not sure what kind of library support is out there
@HiLight7777
@HiLight7777 Жыл бұрын
Great video, I love it. Rare video with a lot of details :D tnQ
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad you liked it!
@jocimarsilva9425
@jocimarsilva9425 Жыл бұрын
Excelente aula, muito útil, parabéns!
@urrick33333
@urrick33333 Жыл бұрын
Awesome content! Thanks for the video!
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad you liked it!
@digitaldaridesatv1545
@digitaldaridesatv1545 2 жыл бұрын
I love this tutorial!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Glad I could help!
@nightfall6040
@nightfall6040 3 ай бұрын
Hello Kris, first of all thank you very much for providing such tutorial!, can i ask you where you have learned it? are there any extended courses available?
@KrisKasprzak
@KrisKasprzak 3 ай бұрын
A couple of basic vids and a bunch of hacking.
@kworsfold
@kworsfold 8 ай бұрын
Hi Kris, just wanted to say that your tutorial is awesome, do you know how this can be used using Captive Portal. Thanks
@KrisKasprzak
@KrisKasprzak 7 ай бұрын
Unfortunately not
@LastChanceNow
@LastChanceNow 9 ай бұрын
Hello! Very good video and it works! If you can explain one question, why is the slider not synchronized on windows and android? The button and switch do this without any problems.
@MitzpatrickFitzsimmons
@MitzpatrickFitzsimmons 2 жыл бұрын
This is excellent! Can't wait to try it out.
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Hope you enjoy it!
@stephenreeves4898
@stephenreeves4898 Жыл бұрын
Great video and very well explained, I've started to study and go through and doing some playing around wit the code to learn and understand HTML coding. I have a question which part of the html code that makes the boxes and color's around the text as I would like to see about removing them to just show plain text or a border box around the text ?
@KrisKasprzak
@KrisKasprzak Жыл бұрын
the status bar boxes are classes inside the table, the java script controls the color and width. if you set the class properties to some fixed value and remove the java updated code, you should be able to get a border (or nothing) around the text. note HTML + CSS + JAVA script is a real pain to write in.
@rverm1000
@rverm1000 Жыл бұрын
cool nice to see a different coding video
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad you liked it!
@RafaelSales55
@RafaelSales55 3 ай бұрын
HI sir, thank you a lot for the video, I could not found WebServer can I follow the tutorial using esp 8266(nodeMcu)?
@dlouhyjohnny6810
@dlouhyjohnny6810 Жыл бұрын
Hi,this is honestly so awesome ! i have a question though, if i want to send more precise data to the site, like lets say instead of 2.6 volts i want to send 2.63 volts so its more precise how would i need to change the code ? thanks
@KrisKasprzak
@KrisKasprzak Жыл бұрын
look at the .ino around line 312, I do some math to get the whole number and the fractional part. I do this because of limited support for formatting floats in Arduino. You will need to adjust the *10 to get more digits.
@Lunolux
@Lunolux 20 күн бұрын
great video thx
@KrisKasprzak
@KrisKasprzak 20 күн бұрын
Glad I could help
@edinetgrunhed6000
@edinetgrunhed6000 3 ай бұрын
this is a kind of video we need for esp323 project,any update for this video with added features
@mohamedgendia4274
@mohamedgendia4274 2 жыл бұрын
Thank you very much for that great information... I want to know if i have my own website with domain and i want the webpage to be on my website and to start communicating with the esp . How to do that and how to let the website control different esp's based in something like id code as example for each esp i configure
@harrylenon9594
@harrylenon9594 11 ай бұрын
This has been extremely helpful! Do you know how to do the server.handleclient function without the arduino libraries? im trying to recreate in the esp-IDF and everything but the live update is working so far, but im pretty stumped on how to get that handleclient working EDIT: looks like the esp- idf version doesnt need the server.handleclient function. I believe it must have setup an interrupt that periodically does the same thing that the arduino handleclient function does
@PhG1961
@PhG1961 2 жыл бұрын
Omg, this is a really awesome video !
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
I'm glad you like it
@vagnerzupo910
@vagnerzupo910 2 жыл бұрын
Muito obrigado por compartilhar seus conhecimentos.
@rekabuk
@rekabuk 8 ай бұрын
Thanks for this, I was able to get my webpage up and running really quickly using this example. One thing I don't understand is what keeps it going? The ESP only sends XML in response to a request from the webpage, so is "process()" called continuously by the webpage java script? How can I slow down the frequency with which the page is updated?
@KrisKasprzak
@KrisKasprzak 8 ай бұрын
It’s been a while since I looked at the code, but inside the ESP code there is a handleclient function that pings the server. I think you can slow that down, but you’ll have to adjust the time out inside your webpage.
@rekabuk
@rekabuk 8 ай бұрын
@@KrisKasprzak Thanks, as is normally the way, I found the answer a few hours after posting the question. Thanks for the response 🙂
@kamaledirisinghe
@kamaledirisinghe 7 ай бұрын
Very nice learning. When the web page is opened in two browsers, one browser's changes are not reflected in the other one. Is this normal behavior in this type of approach ?
@KrisKasprzak
@KrisKasprzak 7 ай бұрын
Each instance of a web session is independent of others, fortunately. Imagine if changes made by one user were applied to others--meaning as you access your bank data, I can see it.
@PabianPL
@PabianPL 2 жыл бұрын
This is great tutorial :)
@indianspacedefencestrength1892
@indianspacedefencestrength1892 Жыл бұрын
It worked! Tank you sir.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad it helped
@Tony-cf8re
@Tony-cf8re 5 ай бұрын
can you please tell me where i can initialise the value on the slider on startup? .. brilliant code btw
@KrisKasprzak
@KrisKasprzak 5 ай бұрын
change the value property initial value here is 0 (%) This would be 50 (%)
@Tony-cf8re
@Tony-cf8re 5 ай бұрын
@@KrisKasprzak Many thanks Kris .. Sorry I have not expained it properly . what I am after is this .. On startup the label above the slider does not show the value until the slider is operated . is there a way to update that ? Many thanks for your help .. I am a relative newbie to the web page stuff but find it fascinating
@dcollop3543
@dcollop3543 2 жыл бұрын
Hello, can you make a video to setup an EsP32 as a client and node is websocket server
@dangeruss001
@dangeruss001 Жыл бұрын
Thanks, you saved me alot of time.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Glad I could help
@gabrielwedsonmendonca239
@gabrielwedsonmendonca239 10 ай бұрын
Amazing! Thanks!
@KrisKasprzak
@KrisKasprzak 10 ай бұрын
Thank you too!
2 жыл бұрын
better if can read dht + capacitive umidity analog and use 2 relay board
@JeahBee66
@JeahBee66 2 жыл бұрын
Great Job, thanks a lot!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
You're welcome!
@royhopkins974
@royhopkins974 Жыл бұрын
Hi. Great work. Can you show how to add a graph to this code. Maybe a whole new video 😂
@sridevipindi1547
@sridevipindi1547 11 ай бұрын
could u make a video how to do in espressif ide pls
@kevin4119817
@kevin4119817 2 жыл бұрын
Hi Kris, most of the tutorials are done with WiFiServer library, yours has been done with WebServer. I've also read about AsyncWebServer many times and it is pretty confusing. Do you know the differences between these and which one is better in your opinion?
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
I'm using a heavily modified example that came with the ESP32 install. A key reason is the "on" method that will listen to incoming traffic and if a keyword is encountered it will fire a function. For example if the web page button is pressed, the java script will send back a "BUTTON_1" keyword, the library i'm using sees that and can process accordingly. I'm not sure if what you are considering can do that--otherwise you will need to write your own code for listening and processing.
@Bliz0516
@Bliz0516 3 ай бұрын
Great video Inwas wondering what supermon does in this?
@KrisKasprzak
@KrisKasprzak 3 ай бұрын
It is simply a .h file that lists the HTML and JavaScript code
@user-zi8nw4xf6n
@user-zi8nw4xf6n 9 ай бұрын
Hello Can we do this type in ESP_IDF . and how ? anyone knows ?
@tdmanson
@tdmanson Жыл бұрын
Dude I owe you a beer.
@KrisKasprzak
@KrisKasprzak Жыл бұрын
You’re very welcome, and I hope it’s a really big beer
@lvanvan
@lvanvan Жыл бұрын
by default esp32 silently needs minimum 8 charecters wifi password and if you somehow make the pass shorter than 8 the esp32 after flashing keeps rebooting like infinate loop..... Esp32 is full of surprises like this one ... when i was looping fast after flashing with no clue, i hold the reset button and then read the terminal feed ... thats how i learn about the minimum password loenght... by the way i am using ''Espressif IDE'' and windows... i gues mb it is an options in menuconfig for dealing with it ...
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Yea, I hear ya. Very odd MCU's, another challenge is the dual pin naming GPIO can be different than the board silkscreen.
@lvanvan
@lvanvan Жыл бұрын
@@KrisKasprzak also thanks for the nice and informative videos that you post. Have a nice day!
@mathieucaron4957
@mathieucaron4957 Жыл бұрын
Don't be scared to try web sockets, no need to have a library 👌
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Do you have an example code? I’m sure my subs would love to see how it’s done.
@musix1581
@musix1581 Жыл бұрын
Can you please update/show how to draw the results in a chart?
@sevenvll5955
@sevenvll5955 Жыл бұрын
Hello sir 👋 Please I need an urgent help 🥺 So for my project I'm going to connect a load cell , hx711 amplifier to ab esp32 , to mesure thhe weight of gadgets in a storage bin, then send the result in a web page. I want to make a web page like this , can you provide some help
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Do you have your load still working yet?
@Mystical-TEDDY_
@Mystical-TEDDY_ Жыл бұрын
How can I tell which library to install for the webserver. There's so many of them that have similar names. Or is webserver.h already preinstalled
@KrisKasprzak
@KrisKasprzak Жыл бұрын
I used the pre-installed one
2 жыл бұрын
i loved
@vattuiot8295
@vattuiot8295 Жыл бұрын
thanks you !
@KrisKasprzak
@KrisKasprzak Жыл бұрын
You're welcome!
@dr.m.sanaullahsahar9859
@dr.m.sanaullahsahar9859 4 ай бұрын
any possibility to access esp's webpage over the internet?
@KrisKasprzak
@KrisKasprzak 4 ай бұрын
You can, check out port forwarding on your router
@huy_ute4146
@huy_ute4146 Жыл бұрын
I want to add a mechanical button to control Led in parallel, how can when the button is pressed, the Led state is also updated to the Web? help meeeeeeeee
@KrisKasprzak
@KrisKasprzak Жыл бұрын
The code does something similar to this, notice the "Digital Switch" status on the web page. The example shows how to send both an analog read and a digital read. Your MCU will have to be wired (direct if 3v3 or a voltage divider if higher, or other) to be able to read the button press, then see the example for the digital switch on how to send the button state to the web page.
@huy_ute4146
@huy_ute4146 Жыл бұрын
@@KrisKasprzak Yes, can you write a sample for me in void loop, please help me, I have tried but not working..hicc help meeeee 😢
@automationsolartrack2634
@automationsolartrack2634 2 жыл бұрын
Thanks!
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Welcome!
@sarasarsora5385
@sarasarsora5385 4 ай бұрын
How can i put pictures please?
@AkashJadhavIT
@AkashJadhavIT 2 жыл бұрын
hello sir, thank you for this tutorial. i am getting started with ESP32. I am doing the project where i want to connect five ESP32 to one ESP32 and then , control all the other 5 ESP's GPIO pins with one using android app.so that i will have to connect only ESP to WIFI and not all. the connections should be 2 way so that main ESP will sent commands as well as get to know the status of others ESP. what do we call this method of connecting? how to achieve this any tutorials or reference materials?
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
what connections are you thinking? Wireless or wired?
@AkashJadhavIT
@AkashJadhavIT 2 жыл бұрын
@@KrisKasprzak wireless connection, this setup is for modelling railway, i have five locomotives with esp32, so on my mobile dashboard i want to see all the running trians details so that I can control their speed, control led on off. I do not want to connect each loco esp by IP address and then select it.
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
@@AkashJadhavIT I have a similar project where I connect five different MC used to a single ESP32 base. It’s all done wirelessly. Here are some units that may help you out kzfaq.info/get/bejne/nrOadNV8rNvHdnU.html There are several ways to do this. You could have all on the same channel with some type of ID there’s unique for each train. Your ESP 32 base could send out signals to Pole and set train data, or you could send data from your trains to your base. Your base can serve a webpage that you could connect with your phone or whatever to monitor each of the trains and set their speed. This is not going to be an easy project
@diamtakselaluemas8650
@diamtakselaluemas8650 Жыл бұрын
thanks sir
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Most welcome
@jumbo999614
@jumbo999614 2 ай бұрын
disableCore1WDT(); gives error. Where do you put the code for this function?
@KrisKasprzak
@KrisKasprzak 2 ай бұрын
that code may not work on all ESP32's just comment it out. It disables the watchdog timer.
@jumbo999614
@jumbo999614 2 ай бұрын
@@KrisKasprzak Thank you.
@geomil7281
@geomil7281 2 жыл бұрын
Hi Kris , excellent done. I have also modified the code in order to automatically work with both ESP32 and ESP8266. Let me know if you are interested to get it. Thanks. /GM
@KrisKasprzak
@KrisKasprzak Жыл бұрын
Sounds great!
@zettabyte.950
@zettabyte.950 Жыл бұрын
Good night, can you send me the code it's for a project
@isaiahclemons1860
@isaiahclemons1860 2 жыл бұрын
Would you happen to know if this is small to be hosted over a free server hoster like ngrok? I have tried hosting a couple other servers that way over ngrok so I can access it wherever i am as long as I have wifi but I have noticed that in the free tier of ngrok sometimes it is too big. How else would you suggest to access this website without having to be on the same network as the one the board connects to?
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
Try port forwarding. I am able to do this on my home Internet system because I have access to the router. Basically you just open access to the world to the ESP32. I’ve done this to mine and been able to connect to this Web server from anywhere. Port forwarding will create some weird IP address what you were used to connect to it
@noweare1
@noweare1 6 ай бұрын
@@KrisKasprzak That connection would not be secure though.
@oussamabenilles5311
@oussamabenilles5311 2 жыл бұрын
Thank you a lot, This projct works just in local network ???
@KrisKasprzak
@KrisKasprzak 2 жыл бұрын
you can connect to an existing network or create an access point (no internet access though)
@nektarioskoumantakis4987
@nektarioskoumantakis4987 2 жыл бұрын
@@KrisKasprzak can you explain this more? How can I control the ESP32 from a different... country? 🙂
DIY Garage  Parking Assistant
4:30
Kris Kasprzak
Рет қаралды 11 М.
ESP32 Guide 2024 | Choosing and Using an ESP32 Board
41:06
DroneBot Workshop
Рет қаралды 272 М.
路飞太过分了,自己游泳。#海贼王#路飞
00:28
路飞与唐舞桐
Рет қаралды 43 МЛН
Survive 100 Days In Nuclear Bunker, Win $500,000
32:21
MrBeast
Рет қаралды 154 МЛН
Pool Bed Prank By My Grandpa 😂 #funny
00:47
SKITS
Рет қаралды 18 МЛН
👨‍🔧📐
00:43
Kan Andrey
Рет қаралды 10 МЛН
ESP32: Webserver, Websockets and JSON (WiFi Part 2) - Arduino
35:17
SPEED Creating and Editing ESP32 Web Pages
6:43
Kris Kasprzak
Рет қаралды 1,9 М.
Forget WiFi! This Wireless Method is WAY Better?
12:14
GreatScott!
Рет қаралды 545 М.
Try these 16 Brilliant ESP32 projects!!!
11:18
ToP Projects Compilation
Рет қаралды 565 М.
Coding a Web Server in 25 Lines - Computerphile
17:49
Computerphile
Рет қаралды 332 М.
Top Fifteen Mistakes People Make When Designing Prototype PCBs
12:26
Cosplay Light and Sound
Рет қаралды 144 М.
КАК ПОСТРОИТЬ WEB SERVER НА ESP32
11:34
Kirill Ivanychev
Рет қаралды 6 М.
ESP32 WebSocket Server
10:25
Anas Kuzechie
Рет қаралды 55 М.
Cracking Enigma in 2021 - Computerphile
21:20
Computerphile
Рет қаралды 2,4 МЛН
Delivery!! Part3 #shorts #トイキッズ
0:23
Toy Kids★トイキッズ
Рет қаралды 33 МЛН