Interneti juhitav LED, kasutades ESP32 -põhist veebiserverit: 10 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:48

Projekti ülevaade

Selles näites selgitame välja, kuidas teha ESP32-põhine veebiserver LED-oleku juhtimiseks, millele pääseb juurde kõikjalt maailmast. Selle projekti jaoks vajate Maci arvutit, kuid saate seda tarkvara käitada isegi odava ja väikese energiatarbega arvutis nagu Raspberry Pi.

ESP32 ettevalmistamine Arduino IDE -ga

ESP32 programmeerimise alustamiseks Arduino IDE ja Arduino programmeerimiskeele abil on teil vaja spetsiaalset lisandmoodulit. Lugege, kuidas Arduino IDE ESP32 jaoks Mac OS -is ette valmistada, järgmiselt lingilt.

Tarvikud

Selle õpetuse jaoks vajate järgmisi üksusi:

• ESP32 arendusplaat 5 mm
• LED -takisti 220 oomi
• 16x2 LCD ekraan koos I2C mooduliga
• Leivalaud
• Jumper juhtmed
• Micro USB kaabel

Samm: vooluringi ehitamine

Tehke ühendused, nagu on näidatud alloleval skemaatilisel diagrammil

Alustuseks ühendage 3V3 toitepinge väljund ESP32 ja GND leivaplaadiga. Ühendage LED takisti kaudu ESP32 -ga, kasutades GPIO tihvti 23 digitaalse väljundpistikuna. Pärast seda ühendage 16x2 LCD -ekraani SDA -tihvt GPIO tihvtiga 21 ja SCL GPIO -pistikuga 22.

2. samm: SPIFFS -failisüsteemi kiire ülevaade

SPIFFS tähistab “Serial Peripheral Interface Flash File System”, see tähendab välkmälu failisüsteemi, mis edastab andmeid SPI kaudu. Seega on SPIFFS lihtsustatud failisüsteem, mis on mõeldud välklambiga mikrokontrolleritele, mis edastavad andmeid SPI -siini kaudu (näiteks ESP32 välkmälu).

SPIFFS on kõige kasulikum kasutamiseks koos ESP32 -ga järgmistes olukordades:

• Failide loomine seadete salvestamiseks
• Pidev andmete salvestamine.
• Failide loomine väikese hulga andmete salvestamiseks (selle asemel, et kasutada selleks microSD -kaarti).
• HTML- ja CSS -failide salvestamine veebiserveri loomiseks.

Samm: SPIFFS -i alglaaduri installimine Mac OS -i

Saate luua, salvestada ja kirjutada andmeid failidesse, mis on salvestatud ESP32 failisüsteemi otse, kasutades Arduino IDE pistikprogrammi.

Esiteks veenduge, et teil on installitud Arduino IDE uusim versioon, ja tehke järgmist.

• Avage järgmine link ja laadige alla arhiiv “ESP32FS-1.0.zip”
• Minge Arduino IDE kataloogi, mis asub kaustas Dokumendid.
• Looge tööriistade kaust, kui seda pole. Tööriistade kataloogi sees looge teine kaust ESP32FS. ESP32FS -i sees looge teine, mida nimetatakse tööriistaks.
• Pakkige 1. etapis alla laaditud ZIP -arhiiv tööriistade kausta lahti.
• Taaskäivitage Arduino IDE.
• Pistikprogrammi eduka installimise kontrollimiseks avage Arduino IDE ja klõpsake „Tööriistad“ning kontrollige, kas selles menüüs on üksus „ESP32 Sketch Data Upload“.

Samm: raamatukogude installimine

Teegid ESPAsyncWebServer ja AsyncTCP võimaldavad teil luua veebiserveri, kasutades ESP32 failisüsteemi faile. Nende raamatukogude kohta lisateabe saamiseks vaadake järgmist linki.

Installige teek ESPAsyncWebServer

• Raamatukogu ZIP -arhiivi allalaadimiseks klõpsake siin.
• Pakkige see arhiiv lahti. Peaksite hankima kausta ESPAsyncWebServer-master.
• Nimeta see ümber ESPAsyncWebServeriks.

Installige AsyncTCP kogu

• Raamatukogu ZIP -arhiivi allalaadimiseks klõpsake siin.
• Pakkige see arhiiv lahti. Peaksite hankima kausta AsyncTCP-master.
• Nimeta see ümber AsyncTCP -ks.

Teisaldage kaustad ESPAsyncWebServer ja AsyncTCP kausta Teegid, mis asub kataloogis Dokumendid.

Lõpuks taaskäivitage Arduino IDE.

Samm: looge järgmise sisuga failid Index.html ja Style.css

Lülitusnupu HTML/CSS -mall on võetud järgmisest allikast.

Samm: Arduino kood

Peamiselt põhines kood Arduino koodil, mis võeti ESP32 veebiserverilt, kasutades SPIFFS -i ja kuidas kasutada I2C LCD -d koos ESP32 -ga Arduino IDE -s.

Samm: laadige Arduino kood ja failid üles SPIFFS -laaduri abil

• Avage Arduino koodi visandikaust.
• Looge selles kaustas uus kaust nimega „andmed”.
• Andmete kausta sisse tuleb panna index.html ja style.css.
• Laadige Arduino kood üles
• Seejärel failide üleslaadimiseks klõpsake Arduino IDE menüüs Tööriistad> ESP32 Sketch Data Upload

Samm: määrake ESP32 veebiserveri IP -aadress

Seda võib leida kahel viisil.

• Seeriamonitor Arduino IDE -s (Tööriistad> Seeriamonitor)
• LCD ekraanil

Samm: kohaliku veebiserveri testimine

Seejärel avage oma valitud veebibrauser ja kleepige aadressiribale järgmine IP -aadress. Te peaksite saama väljundi, mis sarnaneb alloleva ekraanipildiga.

Samm: juurdepääs kohalikule veebiserverile kõikjalt maailmast, kasutades Ngroki

Ngrok on platvorm, mis võimaldab teil välisest Internetist korraldada kaugjuurdepääsu veebiserverile või mõnele muule teie arvutis töötavale teenusele. Juurdepääs korraldatakse ngroki alguses loodud turvalise tunneli kaudu.

• Järgige seda linki ja registreeruge.
• Pärast konto loomist logige sisse ja minge vahekaardile "Autentimine". Kopeerige rida väljalt „Teie tunneli autonoomsus”.
• Klõpsake navigeerimisribal vahekaarti „Laadi alla”. Valige oma operatsioonisüsteemile vastav ngroki versioon ja laadige see alla.
• Pakkige allalaaditud kaust lahti ja käivitage käsurida.
• Ühendage oma konto, sisestades järgmise käsu

./ngrok authtoken

Käivitage HTTP -tunnel sadamas 80

./ngrok http Sinu_IP_aadress: 80

Kui kõik tehti õigesti, peaks tunneli olek muutuma olekuks „võrgus” ja veergu „Edastamine” peaks ilmuma ümbersuunamislink. Selle lingi brauserisse sisestades pääsete veebiserverile juurde kõikjal maailmas.