ESP8266:Примеры/Веб-сервер на базе ESP8266 при помощи NodeMCU

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

Перевод: Максим Кузьмин (Cubewriter) Перевел 364226 статей для сайта.</br>Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


Веб-сервер на базе ESP8266 при помощи NodeMCU

В этом руководстве мы расскажем, как при помощи прошивки NodeMCU создать веб-сервер на базе ESP8266, доступ к которому можно получить с любого устройства с браузером. То есть вы сможете управлять GPIO-контактами ESP8266 с ноутбука, смартфона, планшета и т.д.

В этом проекте мы будем управлять двумя светодиодами. Этот проект – лишь шаблон, и идея в том, чтобы вы заменили эти светодиоды на Power Switch Tail или реле и с их помощью могли управлять любым другим электронным устройством.

Необходимое оборудование

Справочная информация

Основы программирования на Lua

Это скриптовый язык программирования, написанный на C. Разработка этого проекта началась в 1993 году силами Роберту Иерузалимски, Луиша Энрике де Фигейреду и Валдемара Келе, работавшими тогда в подразделении Tecgraf при Католическом университете Рио-де-Жанейро.

Более подробно об этом языке программирования можно почитать в «Википедии».

Прошивка NodeMCU для ESP8266 основана на Lua, поэтому если вы хотите писать собственные скрипты для ESP8266, вам важно знать основы этого языка.

Переменные

Переменные в языке Lua не делятся по типу данных, но делятся по области видимости. Это значит, что переменные в Lua могут быть глобальными или локальными.

  • Глобальные переменные. Все переменные по умолчанию считаются глобальными (если в коде специально не задано, что они локальные).
pin = 3
test = "It works!"
  • Локальные переменные. Если переменная задана локальной, область ее видимости будет ограничена лишь ее функцией.
local pin = 3
local test = "It works!"
  • Поля таблиц. Это особый тип переменных, в которых может храниться все, за исключением «nil» (мы это затрагивать не будем).

Примечание: Lua – это язык, чувствительный к регистру. Поэтому переменная «PIN» – это не то же самое, что «Pin» или «pin».

Типы данных (типы значений)

Lua – это язык с динамической типизацией, поэтому у переменных нет типов данных. Типы данных есть только у значений. Значения могут храниться в переменных, передаваться в виде параметров и возвращаться в виде результатов.

В таблице ниже показаны типы данных для значений в языке Lua.

Тип значения Описание
Строка (string) Массив символов
Число (number) Действительное (двойной точности с плавающей запятой) число
Булево значение (boolean) Значение «true» или «false». Как правило, используется для проверки выполнения условий
Функция (function) Функция, написанная на Lua
Неопределенное значение (nil) В такой переменной не хранится никаких данных
Таблица (table), пользовательские данные (userdata) и поток (thread) Эти три типа данных мы затрагивать не будем

Вот примеры некоторых из этих типов значений:

1 print(type("Hello world!")) - строка
2 print(type(7))              -- число
3 print(type(true))           -- булево значение
4 print(type(print))          -- функция
5 print(type(nil))            -- неопределенное значение

Примечание: Работая с ESP8266 и прошивкой NodeMCU, вы изредка будете встречать тип данных «nil». Это будет значить лишь, что такая переменная не определена. Также, если вы хотите удалить какое-то значение в какой-то переменной, просто присвойте ей значение «nil».

Комментарии

Комментарии – это просто текст, в котором программист объясняет, как работает его код. Если какой-то фрагмент кода помечен как комментарий, то ESP-модуль проигнорирует его и не будет обрабатывать. Комментарии начинаются с двух тире («--»). Вот два типа комментариев:

  • Однострочные комментарии:
print("Hello World!") - комментарий в одну строчку
  • Многострочные комментарии:
--[[
print("Hello World!") – это многострочный комментарий
--]]

Операторы

Оператор – это символ, который говорит интерпретатору выполнить определенное математическое или логическое действие. В язык Lua встроено много операторов разных типов:

  • Арифметические операторы;
  • Операторы сравнения;
  • Логические операторы;
  • Прочие операторы;

Читая таблицы и примеры ниже, представьте, что имеете дело с двумя переменными: «А», в которой хранится значение «1», и «B», в которой хранится значение «2».

1 A = 1
2 B = 2
Арифметические операторы
Оператор Пример Результат
+ A + B 3
- A - B -1
* A * B 2
/ B / A 2
% B % A 0
^ B^2 4
- -A -1
Операторы сравнения
Оператор Пример Результат
== (A == B) false
~= (A ~= B) true
> (A > B) false
< (A < B) true
>= (A >= B) false
<= (A <= B) true
Логические операторы
Оператор Пример Результат
and (и) (A and B) false
or (или) (A or B) true
not (не) !(A and B) true
Оператор конкатенации

Теперь представьте, что у нас две новые переменные:

1 a = "Hello!"
2 b = "World!"
Оператор Пример Результат
.. a..b "Hello World!"

Циклы

Цикл позволяет выполнить блок кода несколько раз, пока выполняется заданное условие. Во фрагменте кода ниже – пока значением в переменной «boolean_value» является «true».

 1 -- цикл while
 2 while boolean_value
 3 do
 4  -- код будет выполняться, пока в «boolean_value» будет «true»
 5 end
 6 
 7 -- и цикл for
 8 for min, max, increment
 9 do
10   -- код будет выполняться, пока не будет достигнуто макс. значение
11 end

Операторы if… else

Операторы if... else (т.е. «если... иначе») – один из самых важных инструментов для управления программой. Они используются следующим образом:

1 if boolean_value then
2     -- если в переменной «boolean_value» значение «true»
3 else 
4     -- если в переменной «boolean_value» значение «false»
5 end

Названия этих операторов говорят сами за себя. Если выполнено условие «boolean_value=true», то программа выполнит код, идущий после «if». Но если условием является «boolean_value=false», то программа выполнит код, идущий после «else».

Функции

Функции – отличный способ организации кода. Если вы хотите сделать в программе что-либо несколько раз, вам необязательно по несколько раз прописывать этот код. Можно просто создать отдельную функцию, содержащую этот код, а затем вызывать ее, когда вам нужно.

Ниже показано, как создать новую функцию, принимающую один параметр (температуру в градусах Кельвина) и преобразующую это значение в градусы Цельсия и Фаренгейта.

 1 function displayTemperature(kelvin)
 2   celsius = kelvin  273.15
 3   print("Temperature in Celsius is: ", celsius)
 4 
 5   fahrenheit = (celsius*9/5+32)
 6   print("Temperature in Fahrenheit is: ", fahrenheit)
 7 end
 8 
 9 k = 294 - температура в градусах Кельвина
10 
11 displayTemperature(k) - эта строчка вызывает функцию, созданную выше

Как обращаться к контактам

В таблице ниже показано, как номер контакта ESP8266 в Lua-коде соотносится с его GPIO-номером. У платы ESP-01 только два контакта: GPIO0 и GPIO2.

Номер контакта в Lua-коде GPIO-номер контакта
0 [*] GPIO16
1 GPIO5
2 GPIO4
3 GPIO0
4 GPIO2
5 GPIO14
6 GPIO12
7 GPIO13
8 GPIO15
9 GPIO3
10 GPIO1
11 GPIO9
12 GPIO10

Код для загрузки(вариант без защиты)

 1 wifi.setmode(wifi.STATION)
 2 wifi.sta.config("YOUR_NETWORK_NAME","YOUR_NETWORK_PASSWORD")
 3 print(wifi.sta.getip())
 4 led1 = 1
 5 led2 = 2
 6 gpio.mode(led1, gpio.OUTPUT)
 7 gpio.mode(led2, gpio.OUTPUT)
 8 srv=net.createServer(net.TCP)
 9 srv:listen(80,function(conn)
10     conn:on("receive", function(client,request)
11         local buf = "";
12         buf = buf.."HTTP/1.1 200 OK\n\n"
13         local _, _, method, path, vars = string.find(request, "([A-Z]+) (.+)?(.+) HTTP");
14         if(method == nil)then
15             _, _, method, path = string.find(request, "([A-Z]+) (.+) HTTP");
16         end
17         local _GET = {}
18         if (vars ~= nil)then
19             for k, v in string.gmatch(vars, "(%w+)=(%w+)&*") do
20                 _GET[k] = v
21             end
22         end
23         buf = buf.."<head>";
24         buf = buf.."<meta charset=\"utf-8\">";
25         buf = buf.."<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">";
26         buf = buf.."<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
27         buf = buf.."<script src=\"https://code.jquery.com/jquery-2.1.3.min.js\"></script>";
28         buf = buf.."<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\">";
29         buf = buf.."</head><div class=\"container\">";
30 
31         buf = buf.."<h1>Web Server</h1>";
32         buf = buf.."<h2>GPIO 5</h2>";
33         buf = buf.."<div class=\"row\">";
34         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON1\" class=\"btn btn-block btn-lg btn-success\" role=\"button\">ON</a></div>";
35         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF1\" class=\"btn btn-block btn-lg btn-danger\" role=\"button\">OFF</a></div>";
36         buf = buf.."</div>";
37         buf = buf.."<h2>GPIO 4</h2>";
38         buf = buf.."<div class=\"row\">";
39         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON2\" class=\"btn btn-block btn-lg btn-primary\" role=\"button\">ON</a></div>";
40         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF2\" class=\"btn btn-block btn-lg btn-warning\" role=\"button\">OFF</a></div>";
41         buf = buf.."</div></div>";
42         
43         if(_GET.pin == "ON1")then
44               gpio.write(led1, gpio.HIGH);
45         elseif(_GET.pin == "OFF1")then
46               gpio.write(led1, gpio.LOW);
47         elseif(_GET.pin == "ON2")then
48               gpio.write(led2, gpio.HIGH);
49         elseif(_GET.pin == "OFF2")then
50               gpio.write(led2, gpio.LOW);
51         end
52         client:send(buf);
53         client:close();
54         collectgarbage();
55     end)
56 end)

Как работает Lua-скрипт

Давайте разберем, как работает код в этом скрипте.

Сначала переводим ESP8266 в режим станции. Затем задаем сетевые настройки (SSID и пароль) – они вставляются во вторую строчку – с помощью которых ESP8266 будет подключаться к сети. Функция print() в 3 строчке печатает в окне вывода данных (Output) IDE ESPlorer IP-адрес ESP8266. Он понадобится для получения доступа к веб-серверу.

Далее создаем две переменные («led1» и «led2») для контактов GPIO5 и GPIO4, а также переключаем их в режим «OUTPUT».

1 wifi.setmode(wifi.STATION)
2 wifi.sta.config("SSID_ВАШЕЙ_СЕТИ", "ПАРОЛЬ_ОТ_ВАШЕЙ_СЕТИ")
3 print(wifi.sta.getip())
4 led1 = 1
5 led2 = 2
6 gpio.mode(led1, gpio.OUTPUT)
7 gpio.mode(led2, gpio.OUTPUT)

Далее создаем веб-сервер на порте 80. Вот так:

1 srv=net.createServer(net.TCP)
2 srv:listen(80,function(conn)
3 
4     end)
5 end)

Внутри веб-серверной функции conn:on() мы задаем, что произойдет при настройке соединения с клиентом. В частности, мы создаем несколько локальных переменных, хранящих данные веб-страницы и текущий URL.

 1 conn:on("receive", function(client,request)
 2     local buf = ""
 3     local _, _, method, path, vars = string.find(request, "([A-Z]+) (.+)?(.+) HTTP);
 4     if(method == nil)then
 5         _, _, method, path = string.find(request, "([A-Z]+) (.+) HTTP);
 6     end
 7     local _GET = {}
 8     if (vars ~= nil)then
 9         for k, v in string.gmatch(vars, "(%w+)=(%w+)&*") do
10             _GET[k] = v
11         end
12     end

В переменной «buf» хранятся данные веб-страницы. Это простая веб-страница, использующая фреймворк Bootstrap (см. фрагмент кода ниже).

Более подробно о Bootstrap можно почитать тут.

На веб-странице имеется 4 кнопки – по две (для включения и выключения) на каждый светодиод. Светодиоды, напомню, подключены к контактам GPIO4 и GPIO5.

Кнопки – это просто HTML-теги <a href=””></a> с CSS-классом, который задает им внешний вид кнопок. Таким образом, когда вы нажимаете на кнопку, веб-сервер открывает другую страницу с другим URL. Именно так ESP8266 понимает, что ей нужно сделать (т.е. включить или выключить светодиод).

 1         buf = buf.."<head>";
 2         buf = buf.."<meta charset=\"utf-8\">";
 3         buf = buf.."<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">";
 4         buf = buf.."<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
 5         buf = buf.."<script src=\"https://code.jquery.com/jquery-2.1.3.min.js\"></script>";
 6         buf = buf.."<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\">";
 7         buf = buf.."</head><div class=\"container\">";
 8 
 9         buf = buf.."<h1>Web Server</h1>";
10         buf = buf.."<h2>GPIO 5</h2>";
11         buf = buf.."<div class=\"row\">";
12         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON1\" class=\"btn btn-block btn-lg btn-success\" role=\"button\">ON</a></div>";
13         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF1\" class=\"btn btn-block btn-lg btn-danger\" role=\"button\">OFF</a></div>";
14         buf = buf.."</div>";
15         buf = buf.."<h2>GPIO 4</h2>";
16         buf = buf.."<div class=\"row\">";
17         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON2\" class=\"btn btn-block btn-lg btn-primary\" role=\"button\">ON</a></div>";
18         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF2\" class=\"btn btn-block btn-lg btn-warning\" role=\"button\">OFF</a></div>";
19         buf = buf.."</div></div>";

Последний фрагмент кода ниже проверяет, какая именно кнопка на веб-странице была нажата. По сути, она определяет, по какому URL вы перешли.

Давайте разберем эту ситуацию на примере. Допустим, вы кликаете на кнопку «OFF» для контакта GPIO5, в результате чего открывается ссылка «http://192.168.7.2/?pin=OFF1». Ваш Lua-код смотрит на этот URL и при помощи нескольких операторов «if... else» определяет, что вы хотите переключить контакт GPIO5 (т.е. «led1») в состояние «LOW».

 1         local _on,_off = "",""
 2         if(_GET.pin == "ON1")then
 3               gpio.write(led1, gpio.HIGH);
 4         elseif(_GET.pin == "OFF1")then
 5               gpio.write(led1, gpio.LOW);
 6         elseif(_GET.pin == "ON2")then
 7               gpio.write(led2, gpio.HIGH); 
 8         elseif(_GET.pin == "OFF2")then
 9               gpio.write(led2, gpio.LOW);
10         end
11         client:send(buf);
12         client:close();
13         collectgarbage();
14     end)
15 end)

Загружаем скрипт «init.lua»

Убедитесь, что ESP8266-плата подключена к ПК, и вернитесь к IDE ESPlorer. Посмотрите в правый верхний угол программы и выполните следующее:

  1. Нажмите на кнопку «Refresh»
  2. Выберите COM-порт, к которому подключена ESP8266-плата (через FTDI-программатор или напрямую)
  3. Выставьте скорость коммуникации на 9600 бод
  4. Нажмите на кнопку «Open»
Esp8266 lua - right top IDE ESPlorer.png

Затем посмотрите в левый верхний угол IDE ESPlorer и сделайте следующее:

  1. Выберите вкладку «NodeMCU+MicroPython»
  2. Выберите вкладку «Scripts»
  3. Создайте новый файл «init.lua»
Esp8266 lua right left ide esplorer.png

Скопируйте в окно кода скрипт из предыдущего раздела (как на скриншоте ниже):

Esp8266 lua - code window.png

Теперь нам нужно загрузить этот код на ESP8266.

Нажмите на кнопку «Save to ESP», которая находится в левом нижнем углу программы.

В окне Output будут показаны команды, отправляемые на ESP8266. Они должны быть примерно такими же, как на скриншоте ниже:

Esp8266 lua - sending commands.png

Примечание: Файл «init.lua» можно без труда удалить с ESP8266. Просто впишите в IDE ESPlorer команду file.remove(“init.lua”) и нажмите на кнопку «Send» (как показано на скриншоте выше). Если вам нужно удалить все файлы на ESP8266, воспользуйтесь командой file.format().

Узнаем IP-адрес ESP8266

После того, как вы загрузите веб-серверный Lua-скрипт на ESP8266, в окне Output будут напечатаны три IP-адреса.

Нам нужен самый первый IP-адрес, и в моем случае это «192.168.1.70» (у вас он, скорее всего, будет другим). Сохраните его, т.к. он понадобится нам уже совсем скоро.

Esp8266 lua - ip address.png

Примечание: Если IP-адрес не напечатался в окне Output, его можно узнать, отправив ESP8266 команду print(wifi.sta.getip()).

Собираем цепь

Загрузив код на ESP8266, соберите цепь проекта согласно схеме ниже. Для подключения светодиодов подойдут резисторы номиналом 470 Ом.

Esp8266 two leds protected web server 1.png

Как получить доступ к веб-серверу

Чтобы получить доступ к веб-серверу, проделайте следующее:

  1. Перезапустите ESP8266-модуль
  2. Откройте браузер
  3. Впишите в адресную строку браузера IP-адрес, который сохранили ранее (в моем случае это «192.168.1.70»)

В результате должна загрузиться страница.

Esp8266 webserver nodemcu lua two leds buttons 1.jpg

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

Вот и все! Удивительно, как маленький 4-долларовый WiFi-модуль может и служить веб-сервером, и обслуживать веб-страницы, созданные для экранов мобильных устройств

Как защитить веб-сервер паролем

На данный момент ваш веб-сервер работает в локальной сети, и доступ к нему может получить любой, подключившийся к тому же роутеру и вписавший IP-адрес ESP8266 в браузер своего устройства.

Но веб-сервер можно защитить, оснастив механизмом аутентификации. В результате, если кто-то попытается получить доступ к веб-серверу, ему сначала нужно будет ввести логин и пароль.

Для того, чтобы оснастить веб-сервер механизмом аутентификации, в его код нужно лишь добавить вот эти 6 строчек:

1         local _, _, auth = string.find(request, "%cAuthorization: Basic ([%w=\+\/]+)");--Authorization:
2           if (auth == nil or auth ~= "dXNlcjpwYXNz")then --user:pass
3                client:send("HTTP/1.0 401 Authorization Required\r\nWWW-Authenticate: Basic realm=\"ESP8266 Web Server\"\r\n\r\n<h1>Unauthorized Access</h1>");
4                client:close();
5                return;
6           end

Код для загрузки (с механизмом аутентификации)

 1 -- Rui Santos
 2 -- Complete project details at http://randomnerdtutorials.com
 3 
 4 wifi.setmode(wifi.STATION)
 5 wifi.sta.config("YOUR_NETWORK_NAME","YOUR_NETWORK_PASSWORD")
 6 print(wifi.sta.getip())
 7 led1 = 1
 8 led2 = 2
 9 gpio.mode(led1, gpio.OUTPUT)
10 gpio.mode(led2, gpio.OUTPUT)
11 srv=net.createServer(net.TCP)
12 srv:listen(80,function(conn)
13     conn:on("receive", function(client,request)
14         local buf = "";
15         buf = buf.."HTTP/1.1 200 OK\n\n";
16         local _, _, method, path, vars = string.find(request, "([A-Z]+) (.+)?(.+) HTTP");
17         if(method == nil)then
18             _, _, method, path = string.find(request, "([A-Z]+) (.+) HTTP");
19         end
20         local _, _, auth = string.find(request, "%cAuthorization: Basic ([%w=\+\/]+)");--Authorization:
21           if (auth == nil or auth ~= "dXNlcjpwYXNz")then --user:pass
22                client:send("HTTP/1.0 401 Authorization Required\r\nWWW-Authenticate: Basic realm=\"ESP8266 Web Server\"\r\n\r\n<h1>Unauthorized Access</h1>");
23                client:close();
24                return;
25           end
26         local _GET = {}
27         if (vars ~= nil)then
28             for k, v in string.gmatch(vars, "(%w+)=(%w+)&*") do
29                 _GET[k] = v
30             end
31         end
32         buf = buf.."<head>";
33         buf = buf.."<meta charset=\"utf-8\">";
34         buf = buf.."<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">";
35         buf = buf.."<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
36         buf = buf.."<script src=\"https://code.jquery.com/jquery-2.1.3.min.js\"></script>";
37         buf = buf.."<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\">";
38         buf = buf.."</head><div class=\"container\">";
39 
40         buf = buf.."<h1>Web Server</h1>";
41         buf = buf.."<h2>GPIO 5</h2>";
42         buf = buf.."<div class=\"row\">";
43         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON1\" class=\"btn btn-block btn-lg btn-success\" role=\"button\">ON</a></div>";
44         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF1\" class=\"btn btn-block btn-lg btn-danger\" role=\"button\">OFF</a></div>";
45         buf = buf.."</div>";
46         buf = buf.."<h2>GPIO 4</h2>";
47         buf = buf.."<div class=\"row\">";
48         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=ON2\" class=\"btn btn-block btn-lg btn-primary\" role=\"button\">ON</a></div>";
49         buf = buf.."<div class=\"col-md-2\"><a href=\"?pin=OFF2\" class=\"btn btn-block btn-lg btn-warning\" role=\"button\">OFF</a></div>";
50         buf = buf.."</div></div>";
51         
52         if(_GET.pin == "ON1")then
53               gpio.write(led1, gpio.HIGH);
54         elseif(_GET.pin == "OFF1")then
55               gpio.write(led1, gpio.LOW);
56         elseif(_GET.pin == "ON2")then
57               gpio.write(led2, gpio.HIGH);
58         elseif(_GET.pin == "OFF2")then
59               gpio.write(led2, gpio.LOW);
60         end
61         client:send(buf);
62         client:close();
63         collectgarbage();
64     end)
65 end)

Задаем собственные имя пользователя и пароль

На этом этапе, если вы загрузили код из предыдущего раздела, именем пользователя будет «user», а паролем – «pass». Но вы наверняка захотите задать свои собственные учетные данные.

Пройдите по этой ссылке. В первом поле впишите следующее:

ваш_логин:ваш_пароль

Соответственно, вместо «ваш_логин» и «ваш_пароль» впишите собственные логин и пароль.

Примечание: Также обратите внимание, что между логином и паролем должно стоять «:».

Я для своего кода использовал вариант «user:pass».

Нажмите на кнопку «Encode», чтобы сгенерировать строку в кодировке base64. В моем случае это «dXNlcjpwYXNz».

Скопируйте строку, которая получилась у вас, и вставьте ее в эту строчку Lua-скрипта (вместо строчки "dXNlcjpwYXNz"):

if (auth == nil or auth ~= "dXNlcjpwYXNz")then --user:pass

Загружаем обновленный веб-серверный скрипт на ESP8266

Теперь, когда мы оснастили код механизмом аутентификации, его нужно загрузить на ESP8266.

Загрузив его, откройте веб-сервер, введя его IP-адрес в своем браузере.

В результате в браузере должно появиться новое окно с просьбой ввести логин и пароль от веб-сервера.

Esp8266 secure web server auth window 1.PNG

Что дальше

Надеюсь, проект вам понравился. Конечно, он очень простой, т.к. его суть лишь во включении и выключении светодиодов, но такой веб-сервер сам по себе – это очень полезная вещь.

К примеру, с его помощью можно управлять включением/выключением домашней техники (что гораздо интересней, чем управление светодиодами), питаемой от настенных розеток. Но для этого вам – помимо ESP8266 и управляемой техники – понадобится еще одно устройство...

И здесь может быть два варианта:

Вариант А – PowerSwitch Tail II

Это самый простой вариант. Вам понадобится устройство PowerSwitch Tail II, позволяющее безопасно работать с техникой, работающей от тока высокого напряжения.

Powerswitch tail 2.jpg

Это устройство работает очень просто. Вместо подключения домашней техники напрямую в розетку вы сначала подключаете ее в PowerSwitch Tail II, а уже PowerSwitch Tail II – в розетку.

PowerSwitch Tail II оснащен 3 контактами, благодаря которым он работает на простой цифровой логике. PowerSwitch Tail II также нужно подключить к выходному GPIO-контакту ESP8266.

Этот выходной GPIO-контакт ESP8266 будет отправлять PowerSwitch Tail II либо «HIGH», либо «LOW». Если отправленный сигнал – это «HIGH», то PowerSwitch Tail II пустит ток между управляемой техникой и розеткой, а если «LOW», то PowerSwitch Tail II отключит ток, и управляемое устройство перестанет работать.

Контакты PowerSwitch Tail II нужно подключить следующим образом:

Контакт PowerSwitch Tail II Сигнал Контакт ESP8266
1 +in GPIO4 или GPIO5
2 -in GND
3 GND Не нужно подключать

Более подробно о подключении контактов PowerSwitch Tail II читайте в его документации.

Вариант Б – реле

Есть еще один способ управления домашней техникой с помощью ESP8266, но он чуть сложнее. Он требует некоторых знаний и осторожности, т.к. при его использовании придется иметь дело с переменным током и реле-модулем.

См.также

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