LED Inayodhibitiwa na Mtandao Kutumia Seva ya Wavuti ya ESP32: Hatua 10

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:51

Muhtasari wa mradi

Katika mfano huu, tutagundua jinsi ya kutengeneza seva ya wavuti ya ESP32 kudhibiti hali ya LED, ambayo inapatikana kutoka mahali popote ulimwenguni. Utahitaji kompyuta ya Mac kwa mradi huu, lakini unaweza kuendesha programu hii hata kwenye kompyuta ya bei rahisi na yenye nguvu kidogo kama Raspberry Pi.

Maandalizi ya ESP32 na Arduino IDE

Ili kuanza kupanga programu ya ESP32 kwa kutumia IDE ya Arduino na lugha ya programu ya Arduino, utahitaji programu-jalizi maalum. Soma juu ya jinsi ya kuandaa IDE ya Arduino kwa ESP32 kwenye Mac OS na kiunga kifuatacho.

Vifaa

Kwa mafunzo haya utahitaji vitu vifuatavyo:

• Bodi ya maendeleo ya ESP325mm
• LEDResistor 220ohm
• Kuonyesha 16x2 LCD na moduli ya I2C
• Bodi ya mkate
• Waya za jumper
• Cable ndogo ya USB

Hatua ya 1: Kuunda Mzunguko

Fanya maunganisho kama inavyoonyeshwa kwenye mchoro ufuatao wa kiufundi hapa chini

Anza kwa kuunganisha pato la usambazaji wa 3V3 kwenye ubao wa mkate wa ESP32 na GND. Unganisha LED kupitia kontena kwa ESP32 ukitumia GPIO pin 23 kama pini ya pato la dijiti. Baada ya hapo, unganisha pini ya SDA ya kuonyesha 16x2 LCD kwa GPIO pin 21 na SCL kwa GPIO pin 22.

Hatua ya 2: Muhtasari wa haraka wa Mfumo wa Faili wa SPIFFS

SPIFFS inasimama kwa "Mfumo wa Faili ya Kiunga cha Pembeni ya Pembeni", yaani mfumo wa faili wa kumbukumbu ya kumbukumbu ambayo huhamisha data kupitia SPI. Ipasavyo, SPIFFS ni mfumo rahisi wa faili iliyoundwa kwa watawala wadogo walio na viunzi vya flash ambavyo vinasambaza data kupitia basi ya SPI (kama kumbukumbu ya ESP32).

SPIFFS ni muhimu zaidi kwa matumizi na ESP32 katika hali zifuatazo:

• Kuunda faili za kuhifadhi mipangilio
• Uhifadhi wa data wa kudumu.
• Kuunda faili za kuhifadhi data ndogo (badala ya kutumia kadi ya MicroSD kwa hili).
• Kuhifadhi faili za HTML na CSS kwa kuunda seva ya wavuti.

Hatua ya 3: Ufungaji wa SPIFFS Bootloader kwenye Mac OS

Unaweza kuunda, kuhifadhi na kuandika data kwenye faili zilizohifadhiwa kwenye mfumo wa faili wa ESP32 moja kwa moja ukitumia programu-jalizi kwenye Arduino IDE.

Kwanza kabisa, hakikisha una toleo la hivi karibuni la Arduino IDE iliyosanikishwa, na kisha fanya zifuatazo:

• Fungua kiunga kifuatacho na pakua kumbukumbu "ESP32FS-1.0.zip"
• Nenda kwenye saraka ya IDE ya Arduino, ambayo iko kwenye folda ya Nyaraka.
• Unda folda ya zana, ikiwa haipo. Ndani ya saraka ya zana tengeneza folda nyingine ESP32FS. Ndani ya ESP32FS tengeneza nyingine, ambayo inaitwa zana.
• Fungua kumbukumbu ya ZIP kwenye hatua ya 1 kwenye folda ya zana.
• Anza tena IDE yako ya Arduino.
• Ili kuangalia ikiwa programu-jalizi imewekwa kwa mafanikio, fungua Arduino IDE na ubonyeze kwenye "Zana" na uangalie ikiwa kuna kitu "ESP32 Sketch Data Upload" kwenye menyu hii.

Hatua ya 4: Kufunga Maktaba

Maktaba za ESPAsyncWebServer na AsyncTCP hukuruhusu kuunda seva ya wavuti ukitumia faili kutoka kwa mfumo wa faili wa ESP32. Kwa habari zaidi juu ya maktaba hizi, angalia kiunga kifuatacho.

Sakinisha maktaba ya ESPAsyncWebServer

• Bonyeza hapa kupakua kumbukumbu ya ZIP ya maktaba.
• Fungua kumbukumbu hii. Unapaswa kupata folda kuu ya ESPAsyncWebServer-master.
• Ipe jina jipya kuwa "ESPAsyncWebServer".

Sakinisha maktaba ya AsyncTCP

• Bonyeza hapa kupakua kumbukumbu ya ZIP ya maktaba.
• Fungua kumbukumbu hii. Unapaswa kupata folda kuu ya AsyncTCP.
• Ipe jina jipya kuwa "AsyncTCP".

Sogeza folda za ESPAsyncWebServer na AsyncTCP kwenye folda ya maktaba, ambayo iko ndani ya saraka ya Hati.

Mwishowe, anzisha Arduino IDE.

Hatua ya 5: Unda Index.html na Faili ya Style.css Na Yafuatayo Yaliyomo

Kigezo cha HTML / CSS cha kifungo cha kugeuza kilichukuliwa kutoka kwa chanzo kifuatacho.

Hatua ya 6: Msimbo wa Arduino

Hasa, nambari hiyo ilitokana na nambari ya Arduino ambayo ilichukuliwa kutoka kwa ESP32 Web Server ikitumia SPIFFS na Jinsi ya Kutumia I2C LCD na ESP32 kwenye Arduino IDE.

Hatua ya 7: Pakia Nambari ya Arduino na Faili Kutumia kipakiaji cha SPIFFS

• Fungua folda ya mchoro ya nambari ya Arduino.
• Unda folda mpya inayoitwa "data" ndani ya folda hii.
• Ndani ya folda ya data, unahitaji kuweka index.html na style.css.
• Pakia nambari ya Arduino
• Kisha, kupakia faili, bonyeza Arduino IDE kwenye Zana> ESP32 Sketch Data Pakia

Hatua ya 8: Tambua Anwani ya IP ya Seva ya Mtandao ya ESP32

Inaweza kupatikana kwa njia mbili.

• Mfuatiliaji wa serial juu ya Arduino IDE (Zana> Mfuatiliaji wa serial)
• Kwenye onyesho la LCD

Hatua ya 9: Kupima Seva ya Wavuti ya Mitaa

Ifuatayo, fungua kivinjari cha chaguo lako na ubandike anwani ifuatayo ya IP kwenye upau wa anwani. Unapaswa kupata pato sawa na skrini iliyo chini.

Hatua ya 10: Ufikiaji wa Seva ya Wavuti ya Mitaa Kutoka Mahali Pote Ulimwenguni Kutumia Ngrok

Ngrok ni jukwaa ambalo hukuruhusu kupanga ufikiaji wa mbali kwa seva ya wavuti au huduma zingine zinazoendesha kwenye PC yako kutoka kwa mtandao wa nje. Ufikiaji umepangwa kupitia handaki salama iliyoundwa mwanzoni mwa ngrok.

• Fuata kiunga hiki na ujisajili.
• Baada ya kuunda akaunti, ingia na nenda kwenye kichupo cha "Auth". Nakili mstari kutoka kwa uwanja wa "Tunnel Yako ya Kuandika".
• Bonyeza kwenye kichupo cha "Pakua" kwenye upau wa kusogeza. Chagua toleo la ngrok linalingana na OS yako na upakue.
• Unzip folda iliyopakuliwa na tumia laini ya amri.
• Unganisha akaunti yako kwa kuingiza amri ifuatayo

./ngrok authtoken

Anza handaki la HTTP kwenye bandari 80

./ngrok http Anwani yako ya_IP_: 80

Ikiwa kila kitu kilifanywa kwa usahihi, basi hadhi ya handaki inapaswa kubadilika kuwa "mkondoni", na kiunga cha kuelekeza kinapaswa kuonekana kwenye safu ya "Usambazaji." Kwa kuingia kiunga hiki kwenye kivinjari chako, unaweza kufikia seva ya wavuti kutoka mahali popote ulimwenguni.