Build an ESP32 Web Server with Arduino IDE
HTML-код
- Опубликовано: 15 июл 2018
- For complete project details (schematics + source code), visit ► randomnerdtutorials.com/esp32...
In this project you’ll create a standalone web server with an ESP32 that controls outputs (two LEDs) using the Arduino IDE programming environment. The web server is mobile responsive and can be accessed with any device that as a browser on the local network. We’ll show you how to create the web server and how the code works step-by-step.
Like my page on Facebook:
/ randomnerdtutorials
Add me on Google+:
plus.google.com/+RuiSantosdotme
Follow me on twitter:
/ ruisantosdotme
Subscribe for more projects like this!
bit.ly/subscribeRNT 
Наука
You can find the complete project details (schematics + source code) at ► randomnerdtutorials.com/esp32-web-server-arduino-ide/
One of the few ESP32 tutorials on RUclips I've seen that actually worked for me. I was even able to change the GPIO pins to match those built into the ezsbc module. Off to add the third RGB pin on the module. Thanks.
Parabéns Rui, sigo o randomnerds a algum tempo, material diferenciado. Congratulations !!!
Wonderful tutorial, explained very thoroughly. Thank you very much.
I love your step-by-step explanations. 👍🏻
Thank you for watching!
Wow, really good tutorial! Thank you.
Well done! Very informative and compact
This really helpful for me, thanks you so much.
Thanks a lot ! very good tutorial and it worked perfectly
Very clear and helpful. Thank you very much...!
a brilliant work .... thank you for your contribution
Hello Rui ! Thank you so much for sharing this. Congrats and I hope you sucess.
You're welcome. thanks for watching!
Very clear, many thanks!
thanks a lot man, it is a really nice video
That is really cool. Thank you very much !!!
obrigado rui, muito fixe da tua parte. fica a saber que sou teu fã à muito tempo. orbigado e abarco
Very Helpful! Thanks
HI, Thanks a lot, it was very useful for me and I made it
Nice and useful video, thx 4 upload... ;)
Excellent. Thank you very much.
Thank you very much for tutorial
Amazing tutorial
Loved it!
Olá Rui,
parabéns, excelente tutorial, faça um projeto liga e desliga led com MQTT, abraço!
Hi Carlos, I have a tutorial about using the ESP32 with MQTT: randomnerdtutorials.com/esp32-mqtt-publish-subscribe-arduino-ide/
Olá Carlos, obrigado pelo feedback! Pode ver o link anterior com um tutorial de ESP32 com MQTT. Abraço!
Excelente tutorial Muito Bom! Funciona sem erros e na perfeição
Ei amigo, tudo bom? poderia me ajudar?
Renan Pissarra Tessarolo posso ajudar
THANK YOU SO MUCH!
Thank you a lot, i wil try to make en play with iT. :)
Hi Rui Santos! I'm beginning a Esp32 board. I can see more things about webserver when i watch this video. Thank you. Can you make a video about Socket Server and how to send data from Esp32 to Socket Server?
Hi, great video. Can you make a bigger example? With a table etc. Thanks
is there a way to change the background of the webpage and use something like external CSS style sheets to make the buttons look nicer?
really helpful thanks
Excellent tutorial a question if the focus is on as I update it on the web I wait for your answer thanks
Good work!!!
Thanks!
Thanks
It is very very fantastic and great job, thanks very very much , very well explantion, are you have same example for bluetooth ? if yes please tell me , many thanks again,
When using Access Point mode, is the ip address always the same? Is there an easy way to make it static? I'm trying to avoid having to use a serial connection to figure out the ip address. It would be nice just to set it to 1.1.1.1 or something simple.
How should I log and handle multiple clients? Every time a new client logs on I need to assign a LED and a unique HTML script. Make sense? One LED per user.
Thank u
Thank you sir, but Could you help about " Guru Meditation Error: Core 0 panic'ed (IllegalInstruction) "...Please help me
Good lesson, thanks. It works well within range of Wi-Fi, such as from a remote site?. Blessings
thanks bro
When you open the com port do you use a standard USB cable connect to laptop with the other end connected to the dev board?
I followed all your instructions installing the development board info but I lost what is the method of communications between the computer and the developement board?
i have an ov7670 camera if i connect it to the esp32 and made it send the pixel data to a web server will this display a video directly ? and if anyone knows what is the speed of the esp32 in transmitting data
Blimey! Like you said, worked first time. I went on to make it's IP address static on my adsl modem router and add it in NAT settings.. et voila... It works over the w.w.web too. I'm off to figure out if I can make it connect peer-peer when it starts up so I can configure my AP's ssid/pw on the fly with smartphone, like those connected household gadgets. anyway, Thank you.
I have a question, can we change PWM signals by adding a submit button to webserver ? Thank you
Hi Rui, everything is perfect and thank you for it! One issue I have is that I have images and none of them are loading in the website. I have the html code alone and the images are loading but when I move it to the arduino code every works but the images dont load, any help pls?
would it work with the ssid / passwd from a smartphone hotspot?
With the 8266 being a high security risk for hacking and the new ESP32-S2 coming out what are some things we can do to make a more secure network using the ESP family of microcontrollers?
Can I turn of/on the gpios with others connections? For example from other countries?
Thanks great project!!
Can we add time based trigger of the led in the webserver ?
Would it be possible to move from a flutter application to this web server?
is it possible to display serial monitor data in webpage while preserving the same speed of serial monitor ? (say every 50ms)
Hi, i need not only control 4 relay, Aldo need show 2 temperatures reading and show when action a water bomb.
How to abord this proyect?
1. 4 relays
2. An temp sensor of water
3. One ht22 sensor
4. If temp is superior to the normal, power off the calefactor and power on the vent.
I need your opinion and advise, please.
Hi Rui Santos. Thanks for this video. You're a excellent teacher.
I have one question... How may us modify this program to connect in any network?
You cannot connect to any network without knowing the SSID and PASSWORD. Change the SSID and PASSWORD in the code to allow you to connect to other networks.
@@ctbully use wifimanager library to include a configuration web server to allow to configure wifi credantials through a embedded web page .... this is an easy and clean solution
Hi! Could you please help with ESP32? My ESP 32 always gets disconnected from WIFI every 1-2 days. Do not you have issue?
The program uploaded and I have got the IP address also, but In my ckt, I am not able on the LEDs
Plz guide me I want to control my office AC from my home so before going to office I can on it and when I reached office it already cooled down the office room.
Hi good evening. can we measure the signal distance? arduino to arduino using any wireless module? please replay thank you
gpio state is opposite to the button. when u press on, the gpio will be off and vice versa? Pls clarify. Thanks.
how comes the code from the description has extra code about current time etc.?
Can there be multiple clients connected to the Webserver of ESP?
Hello I was wondering if it was possible if I can also implement video streaming onto this code? I would follow the other esp32 robot cam car tutorial but the camera code doesn't make sense to me and there is no psuedocode :(
Can somebody explain the use of the String currentline? Why is it used in the code?
Informative actually it worked!. need your support, How can i add single stop button in source code.
Very good. One comment. Make sure you make the SSID password long enough. Or you will have problems generating the access point.
Hi. Very good video. Well explained. Do you have a version of this that creates a softAP so I don't need to connect via a router and can connect direct from a smartphone.
Yes, he has.
This guy is incredible. The tutorials are very educational. Asking for permission to place the link here, I also spent some time looking for it.
randomnerdtutorials.com/esp32-access-point-ap-web-server/
I am now looking for a way to skip the step where we need to write the address (192.168.4.1) in the browser.
very good
Thanks for watching, I'm glad it was helpful
Very nice video man 👍. Is there a way to access the esp32 but without being connected on the same network?
i want to use remote control for a relay and see it on the server while having the button on my phone for back up control of the relay
Can someone explain the meaning behind the line of code: WiFiClient client = server.available(); ? I understand that an object is created of the class WiFiClient but what is the server.available() function!?
So it wont turn off a relay, i see that the green indicator led goes a little dimmer, but thats it.
what if I dont want the server to run in a local network?
How to fix the sleep mode in esp32 after passed around 30 minute .. when it's on sleep mode it's not connect with the wifi .
Hello, I'm new to Arduino. How do u make the interface? I mean do u code it manually the button? Or it is already there by itself?
Manually
Hello Friend ! how do I add more than two buttons? I've always tried the error when compiling.
you can read error message?
y do you always use the DAC pins? ;)
Hello Rui,
i built a nice 4 buttons web server once as AP and another as STA, from ZERO knowledge but your youtube :) appreciate and thanks a Million ... one q please. >> can i have both AP AND ATA AT SAME TIME? so i am connected to the esp either i'm home (tablet and ESP as STA) or outside of the home with both ESP and TABLET (through AP)
How do I control the led across the internet not just local network
Thank you for making this brilliant video! one question tho,
with this method, is it possible to make the buttons on web server push buttons instead of switch buttons?
meaning when i issue the command, i only send the "high" command to the pin once, instead of sending "high""high""high""high""high""high"continuously .
Take a look at this guide "ESP32/ESP8266 Web Server: Control Outputs with Momentary Switch
": randomnerdtutorials.com/esp32-esp8266-web-server-outputs-momentary-switch/
@@RuiSantosdotme Thank you sooooo much Rui!!! this has been most helpful.
@@RuiSantosdotme Hi Rui, just wondering can this webserver respond in json format?
Multiple libraries were found for "WiFi.h"
I have tried delete one and then delete other one but it says same problem
It takes forever to connect to my wifi, and then it will just disconnect. Do you have any idea why? My SSID has a blank space character. Is it the reason?
SSID's must have no SPACES ! Replace space with an underscore then restart the router if you want to separate the SSID name.
How do you prevent outsiders from accessing the app if you make it available over the internet using port forwarding and DDNS?
You need to build Authorisation into the Web Server, namely a Login and Password so that only authorized persons can use the app
can u teach how to access from another network and type the ip address of my esp 32 and control...eg I want to control the leds of my home from office
This is outside of the scope of the ESP32 programming .... You need an IP address seen on the "internet side" ... either your internet provider gives you a static address, or you have to use services like duckdns.org. Once you get that, you have to configure your router to forward specific port to you esp32 .... for example, your esp32 has an IP address on your local network if 192.168.1.5 and you have registered a DDNS (duckdns.org) to have a name like ThisIsMyHome.duckdns.org that pointing to your external address. So configure your router to forward TCP port 8080 to 192.168.1.5 ..... so, from your office, you will be able to access to your esp32 through ThisIsMyHome.duckdns.org:8080
@@christopheseyler3512 thankyou I will try this
Why doesnt i have anything on serial monitor once i upload it ?
nice
THX
< 3
Can i use magicbit to do this tutorial??
I was wondering how to copy and where to paste the sketch in arduino. I pasted it into a new window and was using an esp32. I got error codes on verifying the code. I had copied it by highlighting the code and then pasting it on the new screen. Is this correct? I am currently using the simple wifi server which works but I really li,e your version of buttons much better. Was the code made for an esp32? Am I pasting it in the right place.
?
can i control it via internet from another network
Your video is awesome! But it only works with local area network, can you tell me how it works on wide area network? Thank you
I have same question..
@@hariprast85 me too
If you want to be able to access the server from anywhere you should make a web-app and send arduino data to web-app database for example Mysql !When i mean web-app i mean bying domain name hosting etc etc..The above video works only for local networks and is used for home automation staff..
muito bom
I guess you have to be on the same wifi network in order to control it. How do you make it so you can control it on mobile data for example?
One option is MQTT broker(server).
I followed step by step, but after getting the IP address. It always shows a "Time Out" error when typing it in my browser. How to solve this issue?
I cannot get the ESP32 to connect with the internet. I did update the SSID as well as the password
Thank you for the beautiful flow. I am struggling as the IDE keeps giving me the compile message for WiFi that there are multiple files and I have tried installing various files. I have seen another tutorial using WiFi101 and I keep getting this message libraries\WiFi101\src\WiFiMDNSResponder.cpp:24:26: fatal error: avr/pgmspace.h: No such file or directory. Please can you help me out in any way. The basis of this is to link up temp, ultrasonic and DHT22 senors to ThingSpeak/Adafruit page
Hi, please read this guide: randomnerdtutorials.com/esp32-troubleshooting-guide/ heading "5. Error compiling WiFiScan sketch" removing the Arduino Wi-Fi library should solve your problem
Thank you so much, I have got it up and running. I am just struggling to have multiple sensors in the code. I have been following your videos and they have been a huge help
where you make your schematic??????????????????????????????????
Code not working :( "In function 'void loop()':
sketch_may27a:154:2: error: expected '}' at end of input
}
^
exit status 1
expected '}' at end of input
" help me with this pls
i have problem when upload,
Why softap is so slow ??? Is there any solution for that?
How to add more buttons
WHATS SSID AND WHERE CAN I GET IT???
I uploaded program to esp32 and in serial terminal display only ........... more dots to infinity.
Check that you've added the SSID and password in your code. If you see those dots being printed in the serial monitor, it means that board hasn't established a Wi-Fi connection with your router.