Build an ESP32 Web Server with Arduino IDE

Рет қаралды 251,469

6 жыл бұрын

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

Пікірлер: 145

@RuiSantosdotme 6 жыл бұрын

You can find the complete project details (schematics + source code) at ► randomnerdtutorials.com/esp32-web-server-arduino-ide/

@NMrick505 6 жыл бұрын

One of the few ESP32 tutorials on KZfaq 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.

@rafhaelcarvalho3659 3 жыл бұрын

Parabéns Rui, sigo o randomnerds a algum tempo, material diferenciado. Congratulations !!!

@tubegor 4 жыл бұрын

Wonderful tutorial, explained very thoroughly. Thank you very much.

@R4MMU5 5 жыл бұрын

Wow, really good tutorial! Thank you.

@edinfific2576 3 жыл бұрын

I love your step-by-step explanations. 👍🏻

@RuiSantosdotme 3 жыл бұрын

Thank you for watching!

@CdrSpock 3 жыл бұрын

Well done! Very informative and compact

@uuuboy2003 4 жыл бұрын

This really helpful for me, thanks you so much.

@frankaerssens1730 3 жыл бұрын

Thanks a lot ! very good tutorial and it worked perfectly

@albertocavallini5009 3 жыл бұрын

Very clear and helpful. Thank you very much...!

@senthilkumaranmahadevan6531 4 жыл бұрын

a brilliant work .... thank you for your contribution

@wademartin8822 3 жыл бұрын

Very clear, many thanks!

@masouddayaghi5923 4 жыл бұрын

thanks a lot man, it is a really nice video

@raphaellima4228 4 жыл бұрын

Hello Rui ! Thank you so much for sharing this. Congrats and I hope you sucess.

@RuiSantosdotme 4 жыл бұрын

You're welcome. thanks for watching!

@jimsahr1272 4 жыл бұрын

Very Helpful! Thanks

@neki277 Жыл бұрын

That is really cool. Thank you very much !!!

@shahryarpasyar1481 3 жыл бұрын

HI, Thanks a lot, it was very useful for me and I made it

@carlos8529 4 жыл бұрын

obrigado rui, muito fixe da tua parte. fica a saber que sou teu fã à muito tempo. orbigado e abarco

@thecraftsman8083 4 жыл бұрын

Loved it!

@norbertkieser904 4 жыл бұрын

Excellent. Thank you very much.

@yeinsonjosesernahuamani9542 4 жыл бұрын

Excellent tutorial a question if the focus is on as I update it on the web I wait for your answer thanks

@martonhegedus2684 4 ай бұрын

Nice and useful video, thx 4 upload... ;)

@anlpereira 5 жыл бұрын

Hi, great video. Can you make a bigger example? With a table etc. Thanks

@tzofficial6388 2 жыл бұрын

Amazing tutorial

@tsatsikhotle3946 3 жыл бұрын

Thank you very much for tutorial

@eriklaken1025 6 жыл бұрын

Thank you a lot, i wil try to make en play with iT. :)

@CryptoGraphIndex 3 жыл бұрын

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?

@tonysmusic96 5 жыл бұрын

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?

@teku3985 3 жыл бұрын

THANK YOU SO MUCH!

@jorgeverdugo6071 3 жыл бұрын

really helpful thanks

@Madeireir0 5 жыл бұрын

Excelente tutorial Muito Bom! Funciona sem erros e na perfeição

@renanpissarratessarolo3517 5 жыл бұрын

Ei amigo, tudo bom? poderia me ajudar?

@Madeireir0 5 жыл бұрын

Renan Pissarra Tessarolo posso ajudar

@Holy_Quran879 5 жыл бұрын

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,

@carloscordeiro8218 6 жыл бұрын

Olá Rui, parabéns, excelente tutorial, faça um projeto liga e desliga led com MQTT, abraço!

@RuiSantosdotme 6 жыл бұрын

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!

@carloseduardogomezlozano491 3 жыл бұрын

Good lesson, thanks. It works well within range of Wi-Fi, such as from a remote site?. Blessings

@angst_ 3 жыл бұрын

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.

@CalinColdea 3 жыл бұрын

Good work!!!

@RuiSantosdotme 3 жыл бұрын

Thanks!

@jonathanramirezolvera5858 3 жыл бұрын

Can I turn of/on the gpios with others connections? For example from other countries? Thanks great project!!

@ahmadmundhola3858 4 жыл бұрын

Thank you sir, but Could you help about " Guru Meditation Error: Core 0 panic'ed (IllegalInstruction) "...Please help me

@olbapnairda 2 жыл бұрын

would it work with the ssid / passwd from a smartphone hotspot?

@hazemalrajjal5354 2 жыл бұрын

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?

@n1kkri 3 жыл бұрын

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?

@stevetaylor2943 3 жыл бұрын

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?

@jamesanderegg7655 6 жыл бұрын

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.

@athuldas44 Жыл бұрын

Thank u

@madhukeshnp 4 жыл бұрын

Can we add time based trigger of the led in the webserver ?

2 ай бұрын

Thanks

@aminekhelifi837 4 жыл бұрын

thanks bro

@zeyadyasser187 4 жыл бұрын

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

@ugurcnar2866 3 жыл бұрын

I have a question, can we change PWM signals by adding a submit button to webserver ? Thank you

@fernandomartinho1201 4 жыл бұрын

Would it be possible to move from a flutter application to this web server?

@sagi78 4 жыл бұрын

Can there be multiple clients connected to the Webserver of ESP?

@ahsanfarooqi5663 3 жыл бұрын

Hi good evening. can we measure the signal distance? arduino to arduino using any wireless module? please replay thank you

@ano6852 2 жыл бұрын

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 :(

@allersvp 4 жыл бұрын

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)

@jatflash 4 жыл бұрын

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.

@LAL666666 3 жыл бұрын

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.

@SinanAkkoyun 4 жыл бұрын

y do you always use the DAC pins? ;)

@alphaO27 Жыл бұрын

is it possible to display serial monitor data in webpage while preserving the same speed of serial monitor ? (say every 50ms)

@Renan_Baldini 5 жыл бұрын

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?

@ctbully 5 жыл бұрын

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.

@christopheseyler3512 3 жыл бұрын

@@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

@ManuelCastillo-kq3xy 4 жыл бұрын

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.

@kiran12n 4 жыл бұрын

The program uploaded and I have got the IP address also, but In my ckt, I am not able on the LEDs

@martinmacko7297 4 жыл бұрын

Hi! Could you please help with ESP32? My ESP 32 always gets disconnected from WIFI every 1-2 days. Do not you have issue?

@Blink-ut7uh 2 жыл бұрын

Can somebody explain the use of the String currentline? Why is it used in the code?

@lukebrooks3294 Жыл бұрын

how comes the code from the description has extra code about current time etc.?

@antonisdiamantis970 3 жыл бұрын

Very nice video man 👍. Is there a way to access the esp32 but without being connected on the same network?

@taylormayhew369 Жыл бұрын

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

@yawarabbas9228 Жыл бұрын

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.

@romycruz4498 3 жыл бұрын

gpio state is opposite to the button. when u press on, the gpio will be off and vice versa? Pls clarify. Thanks.

@JBoek30 4 жыл бұрын

nice THX < 3

@GiriPrasath001 4 жыл бұрын

can i control it via internet from another network

@Blink-ut7uh 2 жыл бұрын

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!?

@yovindujayasundara9512 2 жыл бұрын

Can i use magicbit to do this tutorial??

@figuero3444 4 жыл бұрын

what if I dont want the server to run in a local network?

@farazanwar153 Жыл бұрын

Informative actually it worked!. need your support, How can i add single stop button in source code.

@lingsun5010 4 жыл бұрын

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 .

@RuiSantosdotme 4 жыл бұрын

Take a look at this guide "ESP32/ESP8266 Web Server: Control Outputs with Momentary Switch ": randomnerdtutorials.com/esp32-esp8266-web-server-outputs-momentary-switch/

@lingsun5010 4 жыл бұрын

@@RuiSantosdotme Thank you sooooo much Rui!!! this has been most helpful.

@lingsun5010 4 жыл бұрын

@@RuiSantosdotme Hi Rui, just wondering can this webserver respond in json format?

@alanluo9728 5 жыл бұрын

very good

@RuiSantosdotme 5 жыл бұрын

Thanks for watching, I'm glad it was helpful

@cycordrilova5848 2 жыл бұрын

How do I control the led across the internet not just local network

@jonathanhughes9629 5 ай бұрын

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.

@Lann91 3 жыл бұрын

So it wont turn off a relay, i see that the green indicator led goes a little dimmer, but thats it.

@apmad5932 5 жыл бұрын

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?

@sumedhburbure4173 4 жыл бұрын

Manually

@jonairsilvadesousa6379 5 жыл бұрын

Hello Friend ! how do I add more than two buttons? I've always tried the error when compiling.

@xor128 4 жыл бұрын

you can read error message?

@arnierosen7743 2 жыл бұрын

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. ?

@paulo39299 5 жыл бұрын

muito bom

@Vrbii 3 жыл бұрын

Why doesnt i have anything on serial monitor once i upload it ?

@SuperGhust Жыл бұрын

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 .

@scoopiezz 2 ай бұрын

How to add more buttons

@jasonbuchanan4489 3 жыл бұрын

Very good. One comment. Make sure you make the SSID password long enough. Or you will have problems generating the access point.

@thanhnam5813 6 жыл бұрын

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

@hariprast85 5 жыл бұрын

I have same question..

@pablosulecio 5 жыл бұрын

@@hariprast85 me too

@user-kg9hk2wk6w 4 жыл бұрын

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..

@theoisle 5 жыл бұрын

How do you prevent outsiders from accessing the app if you make it available over the internet using port forwarding and DDNS?

@ctbully 5 жыл бұрын

You need to build Authorisation into the Web Server, namely a Login and Password so that only authorized persons can use the app

@fanta6655 3 жыл бұрын

Multiple libraries were found for "WiFi.h" I have tried delete one and then delete other one but it says same problem

@SonalK Жыл бұрын

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?

@charleslyell3748 Жыл бұрын

One option is MQTT broker(server).

@gosta72 5 жыл бұрын

i have problem when upload,

@sunnyshrestha317 3 жыл бұрын

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

@christopheseyler3512 3 жыл бұрын

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

@sunnyshrestha317 3 жыл бұрын

@@christopheseyler3512 thankyou I will try this

@itzelbenitazagalsoto264 5 жыл бұрын

where you make your schematic??????????????????????????????????

@nguyentnhoang 5 жыл бұрын

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?

@ctbully 5 жыл бұрын

SSID's must have no SPACES ! Replace space with an underscore then restart the router if you want to separate the SSID name.

@Indian-pt4qm Жыл бұрын

WHATS SSID AND WHERE CAN I GET IT???

@mridulsanthosh811 2 жыл бұрын

Why softap is so slow ??? Is there any solution for that?

@DARCIOSILVESTRESABBADIN 2 жыл бұрын

cant get work any errors 4 mi

@Ray18619 5 жыл бұрын

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

@RuiSantosdotme 5 жыл бұрын

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

@Ray18619 5 жыл бұрын

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