Build an ESP32 Web Server with Arduino IDE
ฝัง
- เผยแพร่เมื่อ 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 TH-cam 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.
a brilliant work .... thank you for your contribution
Thanks a lot ! very good tutorial and it worked perfectly
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?
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?
Excellent tutorial a question if the focus is on as I update it on the web I wait for your answer thanks
thanks a lot man, it is a really nice video
Hello Rui ! Thank you so much for sharing this. Congrats and I hope you sucess.
You're welcome. thanks for watching!
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.
obrigado rui, muito fixe da tua parte. fica a saber que sou teu fã à muito tempo. orbigado e abarco
Can I turn of/on the gpios with others connections? For example from other countries?
Thanks great project!!
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?
Good lesson, thanks. It works well within range of Wi-Fi, such as from a remote site?. Blessings
Very clear and helpful. Thank you very much...!
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 you sir, but Could you help about " Guru Meditation Error: Core 0 panic'ed (IllegalInstruction) "...Please help me
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?
Loved it!
HI, Thanks a lot, it was very useful for me and I made it
Very clear, many thanks!
Hi! Could you please help with ESP32? My ESP 32 always gets disconnected from WIFI every 1-2 days. Do not you have issue?
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?
Hi, great video. Can you make a bigger example? With a table etc. Thanks
I have a question, can we change PWM signals by adding a submit button to webserver ? Thank you
That is really cool. Thank you very much !!!
would it work with the ssid / passwd from a smartphone hotspot?
THANK YOU SO MUCH!
Can there be multiple clients connected to the Webserver of ESP?
Very Helpful! Thanks
Can we add time based trigger of the led in the webserver ?
Hi good evening. can we measure the signal distance? arduino to arduino using any wireless module? please replay thank you
Amazing tutorial
Excelente tutorial Muito Bom! Funciona sem erros e na perfeição
Ei amigo, tudo bom? poderia me ajudar?
Renan Pissarra Tessarolo posso ajudar
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
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.
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.
?
Nice and useful video, thx 4 upload... ;)
Would it be possible to move from a flutter application to this web server?
Thank you very much for tutorial
y do you always use the DAC pins? ;)
gpio state is opposite to the button. when u press on, the gpio will be off and vice versa? Pls clarify. 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,
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)
really helpful thanks
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 :(
The program uploaded and I have got the IP address also, but In my ckt, I am not able on the LEDs
Excellent. Thank you very much.
how comes the code from the description has extra code about current time etc.?
Thank you a lot, i wil try to make en play with 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!
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
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
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.
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
Can somebody explain the use of the String currentline? Why is it used in the code?
what if I dont want the server to run in a local network?
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.
thanks bro
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?
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!?
can i control it via internet from another network
Informative actually it worked!. need your support, How can i add single stop button in source code.
So it wont turn off a relay, i see that the green indicator led goes a little dimmer, but thats it.
Good work!!!
Thanks!
Multiple libraries were found for "WiFi.h"
I have tried delete one and then delete other one but it says same problem
How do I control the led across the internet not just local network
Thanks
Can i use magicbit to do this tutorial??
Hello Friend ! how do I add more than two buttons? I've always tried the error when compiling.
you can read error message?
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 .
Thank u
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.
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.
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 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).
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
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..
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
Why doesnt i have anything on serial monitor once i upload it ?
I cannot get the ESP32 to connect with the internet. I did update the SSID as well as the password
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?
where you make your schematic??????????????????????????????????
How to add more buttons
Very good. One comment. Make sure you make the SSID password long enough. Or you will have problems generating the access point.
WHATS SSID AND WHERE CAN I GET IT???
i have problem when upload,
Why softap is so slow ??? Is there any solution for that?
nice
THX
< 3
Why my ESP32 can't print IP addres? I copy your source code without any change, but my ESP32 alyways show :
"Connecting to......."
I'm waiting over 5 minutes, but still can't print the IP addres
Could you help me please?
hellow, i'm the same problem, do you have a solution?
Olá Rui! Não faço ideia se és Português ou não, mas... Se sim, isto ainda funciona em Portugal? Cumprimentos!
Sim, sou do Porto, Portugal. Claro, este projeto funciona em qualquer parte desde que tenhas Wi-Fi (router)
@@RuiSantosdotme Desculpa, por acaso postei no video errado! (ups) Sim, eu queria postar no do SIM800L, visto que só suporta 2G, quero fazer um interface para o alarme da minha mota para poder activar/desactivar determinadas funções nela, a questão é que não sei se o 2G (ou não tenho a certeza se será mais assim) ainda é suportado por cá... tenho ideia que sim devido às infraestruturas do interior...
Obrigado pela resposta!
@@RiderRickMaker Pelo menos com a Vodafone ainda dá em Portugal, foi o que eu utilizei neste video. O melhor é procurar a tua operadora + 2G e ver até quando vai ser suportado
@@RuiSantosdotme Boa! Obrigado! :)
very good
Thanks for watching, I'm glad it was helpful