LED i kontrolluar nga interneti duke përdorur serverin e uebit të bazuar në ESP32: 10 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:18

Vështrim i përgjithshëm i projektit

Në këtë shembull, ne do të kuptojmë se si të bëjmë një server në internet të bazuar në ESP32 për të kontrolluar gjendjen LED, e cila është e arritshme nga kudo në botë. Ju do të keni nevojë për një kompjuter Mac për këtë projekt, por mund ta përdorni këtë softuer edhe në një kompjuter të lirë dhe me fuqi të ulët si Raspberry Pi.

Përgatitja e ESP32 me Arduino IDE

Për të filluar programimin e ESP32 duke përdorur Arduino IDE dhe gjuhën e programimit Arduino, do t'ju duhet një shtesë e veçantë. Lexoni se si të përgatisni Arduino IDE për ESP32 në Mac OS nga lidhja e mëposhtme.

Furnizimet

Për këtë tutorial do t'ju duhen artikujt e mëposhtëm:

• ESP32 bordi i zhvillimit5mm
• Rezistencë LED 220ohm
• Ekran LCD 16x2 me modul I2C
• Breadboard
• Telat e kërcyesit
• Kabllo mikro USB

Hapi 1: Ndërtimi i qarkut

Kryeni lidhjet siç tregohet në diagramin e mëposhtëm skematik më poshtë

Filloni duke lidhur daljen e tensionit të furnizimit 3V3 në tabelën e bukës ESP32 dhe GNDto. Lidhni LED përmes rezistencës në ESP32 duke përdorur pinin GPIO 23 si pin dalës dixhital. Pas kësaj, lidhni kunjin SDA të ekranit LCD 16x2 me pin GPIO 21 dhe SCL me pin GPIO 22.

Hapi 2: Vështrim i shpejtë i sistemit të skedarëve SPIFFS

SPIFFS qëndron për "Serial Periferike Ndërfaqja Flash File System", domethënë sistemi i skedarëve për flash memorie që transferon të dhëna përmes SPI. Prandaj, SPIFFS është një sistem skedarësh i thjeshtuar i krijuar për mikrokontrolluesit me patate të skuqura flash që transmetojnë të dhëna përmes autobusit SPI (siç është flash memoria ESP32).

SPIFFS është më e dobishme për t'u përdorur me ESP32 në situatat e mëposhtme:

• Krijimi i skedarëve për ruajtjen e cilësimeve
• Ruajtja e përhershme e të dhënave.
• Krijimi i skedarëve për të ruajtur një sasi të vogël të të dhënave (në vend që të përdorni një kartë microSD për këtë).
• Ruajtja e skedarëve HTML dhe CSS për krijimin e një serveri në internet.

Hapi 3: Instalimi i SPIFFS Bootloader në Mac OS

Ju mund të krijoni, ruani dhe shkruani të dhëna në skedarët e ruajtur në sistemin e skedarëve ESP32 direkt duke përdorur shtojcën në Arduino IDE.

Para së gjithash, sigurohuni që keni të instaluar versionin më të fundit të Arduino IDE, dhe më pas bëni sa më poshtë:

• Hapni lidhjen e mëposhtme dhe shkarkoni arkivin "ESP32FS-1.0.zip"
• Shkoni te drejtoria Arduino IDE, e cila gjendet në dosjen Documents.
• Krijoni një dosje mjetesh, nëse nuk ekziston. Brenda drejtorisë së mjeteve krijoni një dosje tjetër ESP32FS. Brenda ESP32FS krijoni një tjetër, i cili quhet mjet.
• Zbërtheni arkivin ZIP të shkarkuar në hapin 1 në dosjen e mjeteve.
• Rinisni ID -në tuaj Arduino.
• Për të kontrolluar nëse shtojca është instaluar me sukses, hapni Arduino IDE dhe klikoni në "Tools" dhe kontrolloni nëse ka një artikull "ESP32 Sketch Data Upload" në këtë meny.

Hapi 4: Instalimi i bibliotekave

Bibliotekat ESPAsyncWebServer dhe AsyncTCP ju lejojnë të krijoni një server në internet duke përdorur skedarë nga sistemi i skedarëve të ESP32. Për më shumë informacion në lidhje me këto biblioteka, kontrolloni lidhjen e mëposhtme.

Instaloni bibliotekën ESPAsyncWebServer

• Klikoni këtu për të shkarkuar arkivin ZIP të bibliotekës.
• Zbërtheni këtë arkiv. Ju duhet të merrni dosjen master ESPAsyncWebServer.
• Riemërtojeni atë në "ESPAsyncWebServer".

Instaloni bibliotekën AsyncTCP

• Klikoni këtu për të shkarkuar arkivin ZIP të bibliotekës.
• Zbërtheni këtë arkiv. Ju duhet të merrni dosjen AsyncTCP-master.
• Riemërtojeni atë në "AsyncTCP".

Zhvendosni dosjet ESPAsyncWebServer dhe AsyncTCP në dosjen e bibliotekave, e cila ndodhet brenda drejtorisë së Dokumenteve.

Së fundi, rinisni Arduino IDE.

Hapi 5: Krijoni një skedar Index.html dhe Style.css me përmbajtjen e mëposhtme

Modeli HTML/CSS për butonin e kalimit është marrë nga burimi i mëposhtëm.

Hapi 6: Kodi Arduino

Kryesisht, kodi u bazua në kodin Arduino që u mor nga ESP32 Web Server duke përdorur SPIFFS dhe Si të Përdorni I2C LCD me ESP32 në Arduino IDE.

Hapi 7: Ngarko kodin dhe skedarët Arduino duke përdorur ngarkuesin SPIFFS

• Hapni skedën skicë të kodit Arduino.
• Brenda këtij dosje, krijoni një dosje të re të quajtur "të dhëna".
• Brenda dosjes së të dhënave, duhet të vendosni index.html dhe style.css.
• Ngarko kodin Arduino
• Pastaj, për të ngarkuar skedarët, klikoni në Arduino IDE në Vegla> Ngarkimi i të dhënave të skicës ESP32

Hapi 8: Përcaktoni adresën IP të serverit të uebit ESP32

Mund të gjendet në dy mënyra.

• Monitor serik në Arduino IDE (Vegla> Monitor serial)
• Në ekranin LCD

Hapi 9: Testimi i serverit lokal të uebit

Tjetra, hapni një shfletues uebi sipas dëshirës tuaj dhe ngjisni adresën IP të mëposhtme në shiritin e adresave. Ju duhet të merrni një dalje të ngjashme me pamjen e ekranit më poshtë.

Hapi 10: Qasja në një server në internet lokal nga kudo në botë duke përdorur Ngrok

Ngrok është një platformë që ju lejon të organizoni qasje në distancë në një server në internet ose ndonjë shërbim tjetër që funksionon në kompjuterin tuaj nga interneti i jashtëm. Qasja organizohet përmes tunelit të sigurt të krijuar në fillim të ngrohjes.

• Ndiqni këtë lidhje dhe regjistrohuni.
• Pasi të keni krijuar një llogari, regjistrohuni dhe shkoni te skedari "Auth". Kopjoni rreshtin nga fusha "Tuneli juaj i hapur".
• Klikoni në butonin "Shkarkim" në shiritin e navigimit. Zgjidhni versionin e ngrok që përputhet me sistemin tuaj operativ dhe shkarkojeni atë.
• Zbërtheni dosjen e shkarkuar dhe drejtoni vijën e komandës.
• Lidhni llogarinë tuaj duke futur komandën e mëposhtme

./ngrok authtoken

Filloni një tunel HTTP në portin 80

./ngrok http Your_IP_Adresa: 80

Nëse gjithçka është bërë në mënyrë korrekte, atëherë statusi i tunelit duhet të ndryshojë në "online" dhe një lidhje përcjellëse duhet të shfaqet në kolonën "Forwarding". Duke futur këtë lidhje në shfletuesin tuaj, mund të hyni në serverin e uebit nga kudo në botë.