ESP32 негізіндегі веб -серверді қолданатын Интернетпен басқарылатын жарықдиодты: 10 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Жобаға шолу

Бұл мысалда біз әлемнің кез келген нүктесінен қол жетімді LED күйін басқару үшін ESP32 негізіндегі веб-серверді қалай жасау керектігін анықтаймыз. Бұл жоба үшін сізге Mac компьютері қажет болады, бірақ сіз бұл бағдарламалық жасақтаманы Raspberry Pi сияқты қымбат емес қуатты компьютерде де іске қоса аласыз.

Arduino IDE көмегімен ESP32 дайындау

ESP32 бағдарламасын Arduino IDE мен Arduino бағдарламалау тілінің көмегімен бағдарламалауды бастау үшін сізге арнайы қондырма қажет болады. Келесі сілтеме бойынша Mac OS жүйесінде Arduino IDE -ді ESP32 -ге қалай дайындау керектігі туралы оқыңыз.

Жабдықтар

Бұл оқулық үшін сізге келесі элементтер қажет:

• ESP32 әзірлеу тақтасы 5 мм
• LED резисторы 220 Ом
• I2C модулі бар 16x2 СКД дисплейі
• Нан тақтасы
• Өткізгіш сымдар
• Микро USB кабелі

1 -қадам: Схеманы құру

Қосылымдарды төмендегі схемалық схемада көрсетілгендей орындаңыз

ESP32 және GNDto тақтасындағы 3V3 кернеу шығысын жалғаудан бастаңыз. Жарықдиодты резистор арқылы ESP32 -ге цифрлық шығыс ретінде GPIO PIN 23 көмегімен қосыңыз. Осыдан кейін, 16x2 СКД дисплейінің SDA түйреуішін GPIO PIN 21 -ге, ал SCL -ді GPIO PIN -22 -ге қосыңыз.

2 -қадам: SPIFFS файлдық жүйесіне шолу

SPIFFS «сериялық перифериялық интерфейс флэш -файлдық жүйесі» дегенді білдіреді, яғни SPI арқылы деректерді тасымалдайтын флэш -жадқа арналған файлдық жүйе. Тиісінше, SPIFFS - бұл SPI шинасы (мысалы, ESP32 флэш жады) арқылы деректерді жіберетін флэш -чиптері бар микроконтроллерлерге арналған жеңілдетілген файлдық жүйе.

SPIFFS келесі жағдайларда ESP32 пайдалану үшін ең пайдалы:

• Параметрлерді сақтауға арналған файлдарды құру
• Мәліметтерді тұрақты сақтау.
• Деректердің аз мөлшерін сақтау үшін файлдар жасау (бұл үшін microSD картасын пайдаланудың орнына).
• Веб -сервер құру үшін HTML және CSS файлдарын сақтау.

3 -қадам: SPIFFS жүктеушісін Mac ОЖ -де орнату

Сіз Arduino IDE плагинін қолдана отырып, ESP32 файлдық жүйесінде сақталған файлдарға деректерді құра, сақтай және жаза аласыз.

Ең алдымен, Arduino IDE соңғы нұсқасы орнатылғанына көз жеткізіңіз, содан кейін келесі әрекеттерді орындаңыз:

• Келесі сілтемені ашып, «ESP32FS-1.0.zip» мұрағатын жүктеңіз
• Құжаттар қалтасында орналасқан Arduino IDE каталогына өтіңіз.
• Құралдар қалтасын жасаңыз, егер ол жоқ болса. Құралдар каталогында басқа ESP32FS қалтасын жасаңыз. ESP32FS ішінде құрал деп аталатын басқа біреуін жасаңыз.
• 1 -қадамда жүктелген ZIP мұрағатын құралдар қалтасынан ашыңыз.
• Arduino IDE қайта іске қосыңыз.
• Қосылатын модуль сәтті орнатылғанын тексеру үшін Arduino IDE бағдарламасын ашып, «Құралдар» түймесін басып, осы мәзірде «ESP32 Sketch Data Upload» элементінің бар-жоғын тексеріңіз.

4 -қадам: кітапханаларды орнату

ESPAsyncWebServer және AsyncTCP кітапханалары ESP32 файлдық жүйесіндегі файлдарды пайдаланып веб -сервер құруға мүмкіндік береді. Бұл кітапханалар туралы қосымша ақпарат алу үшін келесі сілтемені қараңыз.

ESPAsyncWebServer кітапханасын орнатыңыз

• Кітапхананың ZIP архивін жүктеу үшін мына жерді басыңыз.
• Бұл мұрағатты ашыңыз. Сіз ESPAsyncWebServer-master қалтасын алуыңыз керек.
• Оның атын «ESPAsyncWebServer» деп өзгертіңіз.

AsyncTCP кітапханасын орнатыңыз

• Кітапхананың ZIP архивін жүктеу үшін мына жерді басыңыз.
• Бұл мұрағатты ашыңыз. Сіз AsyncTCP-басты қалтасын алуыңыз керек.
• Оның атын «AsyncTCP» деп өзгертіңіз.

ESPAsyncWebServer және AsyncTCP қалталарын Құжаттар каталогының ішінде орналасқан кітапханалар қалтасына жылжытыңыз.

Соңында Arduino IDE қайта іске қосыңыз.

5 -қадам: Келесі мазмұнмен Index.html және Style.css файлын жасаңыз

HTML/CSS үлгісін ауыстыру түймесі келесі көзден алынды.

6 -қадам: Arduino коды

Негізінен, код ESP32 веб -серверінен SPIFFS көмегімен алынған Arduino кодына және Arduino IDE -де ESP32 көмегімен I2C СКД қалай қолдануға негізделген.

7 -қадам: Arduino коды мен файлдарын SPIFFS жүктеушіні пайдаланып жүктеңіз

• Arduino кодының эскиз қалтасын ашыңыз.
• Бұл қалтада «деректер» деп аталатын жаңа қалта жасаңыз.
• Деректер қалтасының ішіне index.html және style.css қою керек.
• Arduino кодын жүктеңіз
• Содан кейін файлдарды жүктеу үшін Құралдар> ESP32 Sketch деректерді жүктеу бойынша Arduino IDE түймесін басыңыз

8 -қадам: ESP32 веб -серверінің IP мекенжайын анықтаңыз

Оны екі жолмен табуға болады.

• Arduino IDE сериялық мониторы (Құралдар> Сериялық монитор)
• СКД дисплейде

9 -қадам: Жергілікті веб -серверді тексеру

Содан кейін өзіңіз қалаған веб -шолғышты ашып, келесі IP мекенжайды мекенжай жолағына қойыңыз. Сіз төмендегі скриншотқа ұқсас шығуды алуыңыз керек.

10 -қадам: Ngrok көмегімен әлемнің кез келген жерінен жергілікті веб -серверге кіру

Ngrok - бұл сыртқы интернеттен компьютерде жұмыс істейтін веб -серверге немесе басқа қызметке қашықтан кіруді ұйымдастыруға мүмкіндік беретін платформа. Кіру ngrok басында құрылған қауіпсіз туннель арқылы ұйымдастырылады.

• Мына сілтемеге өтіп, тіркеліңіз.
• Тіркелгіні жасағаннан кейін, жүйеге кіріп, «Авторизация» қойындысына өтіңіз. Жолды «Сіздің туннельді автокөлік» өрісінен көшіріңіз.
• Навигация жолағындағы «Жүктеу» қойындысын нұқыңыз, ОЖ сәйкес ngrok нұсқасын таңдап, оны жүктеңіз.
• Жүктелген қалтаны ашыңыз және пәрмен жолын іске қосыңыз.
• Келесі пәрменді енгізу арқылы тіркелгіңізді қосыңыз

./ngrok автоматтандырылған

80 -ші портта HTTP туннелін іске қосыңыз

./ngrok http Your_IP_Address: 80

Егер бәрі дұрыс жасалса, туннель күйі «онлайн» күйіне өзгеруі керек, ал «бағыттау» бағанында қайта бағыттау сілтемесі пайда болуы керек. Бұл сілтемені шолғышқа енгізу арқылы сіз веб -серверге әлемнің кез келген нүктесінен кіре аласыз.