Съдържание:
- Стъпка 1: WiFi ESP8266 NodeMcu ESP-12E
- Стъпка 2: DDNS
- Стъпка 3: Диаграма
- Стъпка 4: Промени във файла Automacao.ino
- Стъпка 5: Приставка за писане на файлове
- Стъпка 6: Запазете Html файл
- Стъпка 7: Тестване
- Стъпка 8: Изтеглете файловете
Видео: ESP8266 Автоматизация с уеб интерфейс и DDNS: 8 стъпки
2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:53
В днешната статия ще покажем автоматизация, която може да бъде жилищна, използвайки функцията DDNS (Dynamic Domain Name System). Ще разберете как да конфигурирате приложението, което ще поставите на ESP8266, на NodeMCU. Също така ще видим как да конфигурирате DDNS за управление на устройствата на вашия дом от вашия смартфон.
По принцип схемата работи по следния начин: вашият смартфон ще изпраща данни в облака с услугата DDNS, която ще има достъп до вашия ESP8266, разположен във вашия дом.
В този случай изходният код е голям и използва функцията ESP, за да функционира като самия уеб сървър. Защо е изгодно? Е, не е необходимо да инсталирате никакви приложения на вашия смартфон. Той работи перфектно на iOS, компютър, Android или почти всичко друго, което съдържа браузър.
Стъпка 1: WiFi ESP8266 NodeMcu ESP-12E
Стъпка 2: DDNS
Първо, необходимо е да създадете акаунт на уебсайта NO-IP, https://www.noip.com/. Това е услугата, която ще използваме. След като настроите данните за вход и паролата, влезте в акаунта си и задайте „име на хост“и „домейн“. Тип запис и го оставете такъв, какъвто е (A). След като попълните, кликнете върху „Добавяне на име на хост“. След това отидете на настройката на акаунта, като кликнете върху „Акаунт“. В този случай използваме „automacaoesp.ddns.net“.
След това задайте „USERNAME“и запазете настройките.
Сега отидете на рутера и кликнете върху „Динамичен DNS“. Попълнете полетата с потребителското име, което сте определили в конфигурацията на акаунта, паролата и името на домейна, което в този случай беше „automacaoesp.ddns.net“. Активирайте опцията „Активиране на DDNS“и щракнете върху запазване. Сега ще се появи съобщението „Успешно!“ако работи.
Връщайки се към страницата NO-IP, щракнете върху страничното меню „Hostnames“и проверете дали се е появила регистрацията на вашия рутер, както е показано по-долу. Трябва да се появи външният IP на вашия рутер.
Последната стъпка е да пренасочите порта на рутера към вътрешното мрежово устройство. Определяме IP на ESP (192.168.1.111), така че ще влезем в екрана "Препращане" -> "Виртуални сървъри" на рутера и щракнете върху "Добавяне на нов".
Попълнете порта, който ще пренасочва, и IP на вътрешното мрежово устройство, след което протоколът ще покаже „ВСИЧКИ“(освен ако не работите само с конкретен) и запазете състоянието като „Разрешено“, за да бъде активно. Запазете.
Стъпка 3: Диаграма
След като това бъде направено, то ще работи. Независимо от външния IP адрес, когато получите достъп до „automacaoesp.ddns.net“на порт 80 по подразбиране, ще попаднете на порт 80 на вътрешното мрежово устройство, което има IP от 192.168.1.111.
Не забравяйте да поддържате този адрес фиксиран.
Стъпка 4: Промени във файла Automacao.ino
Направете следните настройки в мрежовите си настройки и въведете максималния наличен GPIO номер на вашата карта + 1 на MAX_PIN_COUNT.
// Mude para os dados da sua rede #define SSID "TesteESP" #define SENHA "87654321" #define IP "192.168.1.111" #define GATEWAY "192.168.1.1" #define SUBNET "255.255.255.0" // Quantidade máxima de pinos, lembrando que os gpios // geralmente começam em 0. // Se o gpio máximo за 16, por exemplo, coloque 17 #define MAX_PIN_COUNT 17
Във файла automacao.html променете в ред 117 URL адреса, към който сте се регистрирали в уебсайта на ddns no-ip.
Стъпка 5: Приставка за писане на файлове
Трябва да включите приставката в Arduino IDE, за да записвате файлове на esp8266 флаш. Изтеглете приставката тук. Разархивирайте файла и ако е в Windows, поставете.jar файла в:
C: / Users / Documents / Arduino / tools / ESP8266FS / tool / esp8266fs.jar
Ако използвате Mac, поставете.jar файла в:
~ / Документи / Arduino / инструменти / ESP8266FS / инструмент / esp8266fs.jar
Рестартирайте Arduino IDE. Сега в Инструменти ще се появи нова опция. Тази опция, наречена „ESP8266 Sketch Data Upload“, ще записва съдържанието на папката „data“във флаш ESP8266.
Папката "date" трябва да е в папката на текущия.ino файл.
Ако искате да запишете html файл, например:
~ / Автоматизация / Автоматизация
~ / Автоматизация / данни / автоматизация.html
Стъпка 6: Запазете Html файл
Щракнете върху тази опция, за да изпратите файла automacao.html, който е в папката "данни", до файловата система ESP
Стъпка 7: Тестване
1. Все още в Arduino IDE, щракнете върху стрелката, за да компилирате и изпратите кода до ESP. Сега отидете в браузъра и въведете URL адреса в адресната лента, която сте регистрирали на no-ip сайта. Резултатът трябва да бъде този на изображението.
2. Щракнете върху „PIN номер“и изберете номера на щифт от списъка, който се показва.
3. Въведете името на бутона, който ще съответства на избрания щифт, и кликнете върху „+“.
4. Бутон с избраното име ще се появи в списъка.
5. Когато кликнете върху бутона, той ще стане син и щифтът с избрания от вас номер ще бъде ВИСОК.
6. Ако искате щифтът да се върне на LOW, просто щракнете отново върху бутона. За да премахнете бутона, кликнете върху „-“
Стъпка 8: Изтеглете файловете
Изтеглете файловете:
АЗ НЕ
Препоръчано:
Пълен комплект за уеб интерфейс на Python за PhidgetSBC3: 6 стъпки
Пълен комплект за уеб интерфейс на Python за PhidgetSBC3: Платката PhidgetSBC3 е напълно функционален компютър с един борд, работещ с Debain Linux. Той е подобен на малиновия Pi, но има 8 аналогови сензорни входа и 8 цифрови входа и 8 цифрови изхода. Той се доставя с уеб сървър и уеб приложение за съвместно
Използвайте повторно модул за уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: 5 стъпки
Използвайте повторно модул на уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: Искам да подправя 14-годишния си Panasonic CF-18 с чисто нова уеб камера, но Panasonic вече не поддържа тази прекрасна машина, затова трябва да използвайте сивото вещество за нещо по -лесно от b & b (бири и бургери). Това е първата част
Лесна интелигентна лампа за $ 5 с уеб интерфейс за смартфон: 4 стъпки
Лесна интелигентна лампа за $ 5 с уеб интерфейс за смартфон: Здравейте! Казвам се Рафаел. Това е първият ми Instructable! Основният ми мотив за създаването на тази лампа е да помогна на живота на хора в неравностойно положение. Някой ден няма да имаме превключватели по стените или труднодостъпни щепсели, а по-скоро нашите смартфони за управление
Уеб интерфейс на Raspberry Pi: 5 стъпки
Уеб интерфейс на Raspberry Pi: Това са инструкциите за инсталиране на уеб интерфейса, който разработих за превключване на gpio пиновете на малинов pi, за да контролирам активна нискорелейна платка, проектирана за arduino. Той обслужва проста страница, която ви позволява да кликнете върху връзка, за да промените
Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: 8 стъпки
Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: Урок за IO на уеб драйвер Използване на уеб сайт на живо и работещи примери Последна актуализация: 26.07.2015 г. (Проверявайте често, докато актуализирам тези инструкции с повече подробности и примери) Предистория интересно предизвикателство ми беше представено. Трябваше да