ESP8266 Автоматизация с веб-интерфейсом и DDNS: 8 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11: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».

Затем установите «ИМЯ ПОЛЬЗОВАТЕЛЯ» и сохраните настройки.

Теперь перейдите к маршрутизатору и нажмите «Dynamic 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" // Максимальное квантование pinos, lembrando que os gpios // geralmente começam em 0. // Se o gpio máximo for 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

Перезагрузите IDE Arduino. Теперь в Инструментах появится новая опция. Эта опция под названием «ESP8266 Sketch Data Upload» будет записывать содержимое папки «data» во флеш-память ESP8266.

Папка "date" должна находиться внутри папки текущего файла.ino.

Если вы хотите сохранить html-файл, например:

~ / Автоматизация / Автоматизация

~ / Автоматизация / данные / automation.html

Шаг 6. Сохраните файл HTML

Выберите этот параметр, чтобы отправить файл automacao.html, находящийся в папке "data", в файловую систему ESP.

Шаг 7: Тестирование

1. Все еще находясь в среде Arduino IDE, щелкните стрелку, чтобы скомпилировать и отправить код в ESP. Теперь перейдите в браузер и введите URL-адрес в адресной строке, который вы зарегистрировали на сайте no-ip. Результатом должно быть изображение.

2. Щелкните «Номер контакта» и выберите номер контакта из появившегося списка.

3. Введите имя кнопки, которая будет соответствовать выбранному контакту, и нажмите «+».

4. В списке появится кнопка с выбранным названием.

5. Когда вы нажмете кнопку, она станет синей, а булавка с выбранным вами номером станет ВЫСОКОЙ.

6. Если вы хотите, чтобы штифт вернулся в НИЗКИЙ, просто нажмите кнопку еще раз. Чтобы удалить кнопку, нажмите «-»

Шаг 8: Загрузите файлы

Загрузите файлы:

Я НЕТ

PDF