ESP8266:Примеры/Как управлять устройствами через интернет

Материал из Онлайн справочника
Перейти к: навигация, поиск

Перевод: Максим Кузьмин (Cubewriter)
Перевел 1848 статей для сайта.

Контакты:

Проверка/Оформление/Редактирование: Мякишев Е.А.


Ambox content.png Черновик


Гайд по ESP8266: Как управлять устройствами через интернет[1]

ESP8266 Tutorial worldcov1-min.jpg

В этом руководстве мы воспользуемся модулем ESP-01, чтобы показать, как можно управлять светодиодом, отправляя ему данные через интернет. Чип ESP8266 – это очень дешевая, но и очень эффективная платформа для коммуникации через глобальную сеть. Кроме того, он имеет отличную совместимость с платформой Arduino.

Для программирования модуля ESP8266 ESP-01 потребуется конвертер USB-TTL. Кроме того, нам понадобится IDE Arduino, чтобы спрограммировать скетч, который будет веб-сервером, удаленно управляющим светодиодом. Если вы новичок, имеет смысл сначала почитать это руководство, в котором объясняются азы работы с WiFi-модулем ESP-01. Что касается гайда, который вы читаете сейчас, то здесь также объясняется, как настраивать модуль и проверять наличие коммуникации между ESP8266 и другим устройством при помощи конвертера USB-TTL.

Как это работает?

Чипом ESP8266 можно управлять из локальной WiFi-сети или через интернет (после переадресации портов). У модуля ESP-01 есть GPIO-контакты, которые можно запрограммировать на включение/выключение светодиода или реле. Модуль можно запрограммировать при помощи конвертера USB-TTL через контакты для последовательной коммуникации (RX и TX).

Block-min.jpg

Подключение ESP8266 к программирующему устройству

Для программирования ESP8266 можно использовать не только конвертер USB-TTL, но и плату Arduino. Ниже представлено 3 способа, при помощи которых можно программировать ESP8266 – выберите тот, что подходит вам лучше всего. Для каждого из способов имеется картинка, показывающая, каким образом устройства нужно подключать друг к другу.

При помощи конвертера USB-TTL с контактом DTR

Если вы используете конвертер USB-TTL с контактом DTR, то загрузка прошивки должна пройти безо всяких проблем. Но имейте в виду, что монитор порта в этом случае работать не будет.

ESP8266 Tutorial h1-min.jpg

Схема подключения контактов показана в таблице ниже:

Конвертер USB-TTL Модуль ESP8266 ESP-01
GND <---> GND
TX <---> RX
RX <---> TX
RTS <---> RST
DTR <---> GPIO0

При помощи конвертера USB-TTL без контакта DTR

При использовании конвертера USB-TTL без контакта DTR инициализировать запись прошивки придется вручную. Для этого понадобится две кнопки (см. картинку ниже).

ESP8266 Tutorial h2 min.jpg


Конвертер USB-TTL Модуль ESP8266 ESP-01
GND <---> GND
TX <---> RX
RX <---> TX
Кнопка сброса <---> RST
Кнопка для записи прошивки <---> GPIO0

Сначала чип нужно переключить в режим загрузки прошивки. Для этого нажмите на кнопку, которая на картинке изображена как «кнопка для записи прошивки». Держите ее нажатой, а затем один раз нажмите на кнопку, изображенную как «кнопка для сброса». Теперь кнопку для записи прошивки можно отпустить – чип ESP8266 переключен в режим записи прошивки! То есть теперь вы можете загружать на него свой скетч.

При помощи платы Arduino Uno

Для записи прошивки на чип ESP8266 можно также воспользоваться платой Arduino (в данном случае – модели Uno). Чтобы переключить чип в режим записи прошивки, следуйте той же процедуре, что и в разделе выше – зажмите кнопку для записи прошивки, один раз нажмите на кнопку для сброса, а затем отпустите кнопку для записи прошивки.

ESP8266 Tutorial h3-min.jpg


Arduino Модуль ESP8266 ESP-01
GND <---> GND
TX <---> TX
RX <---> RX
Кнопка сброса <---> RST
Кнопка для записи прошивки <---> GPIO0

Загрузка кода на ESP8266

Подключив ESP8266 к программирующему устройству одним из способов, описанных выше, откройте IDE Arduino и кликните по Инструменты > Плата > Generic ESP8266 Module (Tools > Board > Generic ESP8266 Module).

Примечание: Если вы еще не установили в IDE Arduino ядро для чипа ESP8266, то о том, как это сделать, написано в этом руководстве (в разделе «Installing the ESP8266 Platform», что переводится как «Установка ядра ESP8266»). Установив ядро, вернитесь сюда.

Ard-min.jpg

Теперь скопируйте в IDE Arduino код ниже и нажмите на кнопку «Загрузка». Поменяйте в коде надпись YOUR_SSID на SSID вашей точки доступа WiFi, а также надпись YOUR_PASSWORD на пароль, который вы используете для своей точки доступа. Затем скомпилируйте скетч.

  1. #include <ESP8266WiFi.h>
  2.  
  3. const char* ssid = "YOUR_SSID";  // для SSID точки доступа
  4. const char* password = "YOUR_PASSWORD";  // для пароля к точке доступа
  5.  
  6. int ledPin = 2; // контакт GPIO2 на ESP8266
  7. WiFiServer server(80);  //  порт веб-сервера
  8.  
  9. void setup() {
  10.   Serial.begin(115200);
  11.   delay(10);
  12.  
  13.   pinMode(ledPin, OUTPUT);
  14.   digitalWrite(ledPin, LOW);
  15.    
  16.   // подключаемся к WiFi-сети:
  17.   Serial.println();
  18.   Serial.println();
  19.   Serial.print("Connecting to ");  //  "Подключение к "
  20.   Serial.println(ssid);
  21.    
  22.   WiFi.begin(ssid, password);
  23.    
  24.   while (WiFi.status() != WL_CONNECTED) {
  25.     delay(500);
  26.     Serial.print(".");
  27.   }
  28.   Serial.println("");
  29.   Serial.println("WiFi connected");");  //  "Подключение к WiFi
  30.                                         //  выполнено"
  31.    
  32.   // запускаем сервер:
  33.   server.begin();
  34.   Serial.println("Server started");  //  "Сервер запущен"
  35.  
  36.   // печатаем IP-адрес:
  37.   Serial.print("Use this URL to connect: ");  //  "Используем этот URL
  38.                                               //  для подключения: "
  39.   Serial.print("http://");
  40.   Serial.print(WiFi.localIP());
  41.   Serial.println("/");
  42. }
  43.  
  44. void loop() {
  45.   // проверяем, подключен ли клиент:
  46.   WiFiClient client = server.available();
  47.   if (!client) {
  48.     return;
  49.   }
  50.    
  51.   // ждем, когда клиент отправит какие-нибудь данные:
  52.   Serial.println("new client");  //  "новый клиент"
  53.   while(!client.available()){
  54.     delay(1);
  55.   }
  56.    
  57.   // считываем первую строчку запроса:
  58.   String request = client.readStringUntil('\r');
  59.   Serial.println(request);
  60.   client.flush();
  61.    
  62.    // обрабатываем запрос:
  63.    int value = LOW;
  64.   if (request.indexOf("/LED=ON") != -1) {
  65.     digitalWrite(ledPin, HIGH);
  66.     value = HIGH;
  67.   }
  68.   if (request.indexOf("/LED=OFF") != -1){
  69.     digitalWrite(ledPin, LOW);
  70.     value = LOW;
  71.   }
  72.  
  73.   // выставляем значение на ledPin в соответствии с запросом:
  74.   //digitalWrite(ledPin, value);
  75.    
  76.   // возвращаем ответ:
  77.   client.println("HTTP/1.1 200 OK");
  78.   client.println("Content-Type: text/html");  //  "Тип контента:
  79.                                               //  text/html "
  80.   client.println("");  //  не забываем это...
  81.   client.println("<!DOCTYPE HTML>");
  82.   client.println("<html>");
  83.    
  84.   client.print("Led pin is now: ");  //  "Контакт светодиода теперь
  85.                                      //  в состоянии: "
  86.    
  87.   if(value == HIGH) {
  88.     client.print("On");   //  "Вкл"
  89.   } else {
  90.     client.print("Off");  //  "Выкл"
  91.   }
  92.   client.println("<br><br>");
  93.   client.println("Click <a href=\"/LED=ON\">here</a> turn the LED on pin 2 ON<br>");  //  "Кликните тут, чтобы включить светодиод
  94.                  //  на контакте 2"
  95.   client.println("Click <a href=\"/LED=OFF\">here turn the LED on pin 2 OFF<br>");     //  "Кликните тут, чтобы выключить светодиод
  96.                  //  на контакте 2"
  97.  
  98.   client.println("</html>");
  99.  
  100.   delay(1);
  101.   Serial.println("Client disconnected");  //  "Клиент отключен"
  102.   Serial.println("");
  103. }

Далее откройте монитор порта, а затем через веб-браузер откройте URL, показанный в мониторе порта. Подключите контакт GPIO2 на ESP8266 к длинной ножке (аноду) светодиода. Теперь вы можете управлять этим светодиодом через интернет!

ESP8266 Tutorial ard2-min.jpg

Теперь кликайте по ссылкам в браузере, чтобы включить или выключить светодиод.

ESP8266 Tutorial brow-min.jpg

Перевод в автономный режим

Уберите все провода, которые использовались для загрузки прошивки. Затем подключите LM1117 – это регулятор напряжения, выдающий 3,3 вольта. Это позволит модулю ESP8266 ESP-01 работать в автономном режиме.

ESP8266 Tutorial conn-min.jpg

Подключение ESP8266 к интернету

В таком виде модулем ESP8266 можно управлять только из локальной WiFi-сети. Чтобы им можно пользоваться для управления устройствами через интернет, на роутере нужно выполнить переадресацию портов.

Для этого найдите IP-адрес вашей системы, вписав в терминале команду ifconfig или зайдя на сайт http://www.whatsmyip.org/. Скопируйте свой IP-адрес. Теперь откройте настройки роутера и перейдите к настройкам переадресации. Введите данные в поля для служебного порта и IP-адреса. Служебный порт – это порт, указанный в коде Arduino (80).


WiFiServer server(80);  //  порт веб-сервера

IP-адрес – это адрес, найденный вами в абзаце выше. Остальные настройки оставьте по умолчанию. Теперь перейдите в браузер и введите в адресной строке следующий адрес: xxx.xxx.xx.xx:80. В результате должна открыться страница для управления светодиодом. Более подробно о переадресации портов читайте здесь.

Видео ниже показывает, как управление светодиодом через интернет выглядит в действии:

См.также

Внешние ссылки

  1. diyhacking.com - ESP8266 Tutorial: How to Control Anything From the Internet!