Главная  /  Программа «Smacont-ESP»  /  WEB-интерфейс

WEB-интерфейс


Содержание

Общие данные
Настройки доступа
Настройки переменных «Vx», для их отображения в WEB-интерфейсе
Действие «webInterface()»
Сканирование




Общие данные

Для оперативного контроля и изменения значений переменных «Vx», в программе «Smacont-ESP», предусмотрен встроенный WEB-интерфейс.

Доступ к WEB-интерфейсу осуществляется по IP-адресу устройства в WiFi сети. Для этого необходимо в адресной строке любого WEB-браузера ввести IP-адрес устройства.

Например, если пользователь подключен к устройству, как к точке доступа (устройство находится в режиме «AP»), то WEB-интерфейс будет доступен по адресу «192.168.4.1» (вводить без кавычек).


Смаконт. WEB-интерфейс. Подключение к устройству как к точке доступа (режим «AP»)

WEB-интерфейс. Подключение к устройству как к точке доступа (режим «AP»)

Если пользователь подключен к устройству, как к устройству в локальной WiFi сети (устройство находится в режиме «AP+STA» или «STA»), то WEB-интерфейс будет доступен, например, по адресу «192.168.1.201» (вводить без кавычек).


Смаконт. WEB-интерфейс. Подключение к устройству как к устройству в локальной WiFi сети (режим «AP+STA» или «STA»)

WEB-интерфейс. Подключение к устройству как к устройству в локальной WiFi сети (режим «AP+STA» или «STA»)

По умолчанию, при доступе к WEB-интерфейсу, используется авторизация как «Оператор» с паролем по умолчанию «oper». Если пользователь изменил пароль «Оператора», то при подключении к устройству необходимо ввести заданный пароль.


Смаконт. WEB-интерфейс. Подключение к устройству

WEB-интерфейс. Подключение к устройству

При доступе к WEB-интерфейсу, используя авторизацию как «Администратор» с соответствующим паролем, пользователю будут доступны дополнительные параметры.


Смаконт. WEB-интерфейс. Подключение к устройству с правами администратора

WEB-интерфейс. Подключение к устройству с правами Администратора

«Синхр. время»

Команда для синхронизации внутреннего календаря и времени устройства с календарем ПК или мобильного устройства.

«Программа Настройки»

Команда для доступа к «Программе Настройки». Загрузка «Программы Настройки» осуществляется с сайта smacont.ru.

«Настройки доступа»

Доступ к WEB-интерфейсу с настройками доступа к устройству.

«Перезагрузка»

Команда для перезагрузки устройства.



Настройки доступа

В программе «Smacont-ESP» предусмотрена возможность настройки доступа к устройству через WEB-интерфейс.

Для перехода на страницу настройки доступа необходимо нажать кнопку «Настройки доступа» (смотри рисунок выше).


Смаконт. WEB-интерфейс. Настройки доступа

WEB-интерфейс. Настройки доступа

Так же, страницу с настройками доступа устройства можно загрузить, набрав в адресной строке любого браузера «XXX.XXX.XXX.XXX/access/» (вводить без кавычек). Где, «XXX.XXX.XXX.XXX» - IP-адрес устройства. Например: «192.168.1.201/access/».

Изменение параметров настройки доступа к устройству, доступны только с правами доступа «Администратор».



Настройки переменных «Vx», для их отображения в WEB-интерфейсе

Для разрешения отображения переменных «Vx» в WEB-интерфейсе, необходимо в параметрах переменной «Vx» указать тип отображения.


Смаконт. WEB-интерфейс. Тип отображения переменной «Vx»

WEB-интерфейс. Тип отображения переменной «Vx»

«Значение (отображение)»

Переменная «Vx» отображается в WEB-интерфейсе как обычное число.

«Значение (отображение) + цвет»

Переменная «Vx» отображается в WEB-интерфейсе как обычное число. Цвет числа зависит от значения следующей за «Vx» («Vx+1») переменной.

Например, для переменной «V10», параметр «WEB-интерфейс» задаем как «Значение (отображение) + цвет». В этом случае, для изменения цвета значения, используется переменная «V11».

Переменная «V11» может принимать следующие значения:
1 - красный;
2 - зеленый;
3 - синий.

«Значение (отображение) Admin»

Переменная «Vx» отображается в WEB-интерфейсе как обычное число.
Значение отображается только при авторизации с правами «Администратор»!

«Значение (отображение/редактирование)»

Переменная «Vx» отображается в поле редактирования с последующей возможностью изменения значения переменной.

«Значение (отображение/редактирование) Admin»

Переменная «Vx» отображается в поле редактирования с последующей возможностью изменения значения переменной.
Поле редактирования отображается только при авторизации с правами «Администратор»!

«Переключатель (включить/отключить)»

Переменная «Vx» отображается в виде переключателя. При этом значение «0», соответствует состоянию «отключено», а значение «1», соответствует состоянию «включено».


Смаконт. WEB-интерфейс. «Переключатель (включить/отключить)»

WEB-интерфейс. «Переключатель (включить/отключить)»

«Кнопка»

Переменная «Vx» отображается в виде кнопки с надписью «Выполнить». При нажатии на кнопку, переменная «Vx» устанавливается в значение «1». Для обработки процесса нажатия кнопки, необходимо использовать событие «UpDate» (обновление значения).


Смаконт. WEB-интерфейс. «Кнопка»

WEB-интерфейс. «Кнопка»

«Кнопка с удержанием»

Переменная «Vx» отображается в виде кнопки с надписью «Выполнить». При нажатии на кнопку, переменная «Vx» устанавливается в значение «1» с периодом 500мс. Для обработки процесса нажатия кнопки, необходимо использовать событие «UpDate» (обновление значения).

«Выпадающий список»

Переменная «Vx» отображается в виде выпадающего списка. Выбранный номер элемента из выпадающего списка записывается в переменную «Vx». Нулевое значение соответствует первому элементу из списка, и так далее.

Следующая за «Vx» («Vx+1») переменная, содержит номер шаблона в котором перечислены через запятые названия элементов выпадающего списка.


Смаконт. WEB-интерфейс. «Выпадающий список»

WEB-интерфейс. «Выпадающий список»

«Ползунок тип0»

Переменная «Vx» отображается в виде «ползунка». Положение «ползунка» записывается в переменную «Vx».

Диапазон значений не изменяется и находится в пределах от 0 до 100.


Смаконт. WEB-интерфейс. «Ползунок тип0»

WEB-интерфейс. «Ползунок тип0»

«Ползунок тип1»

Данный тип «ползунка» позволяет создать элемент с произвольным диапазоном регулировки.

Переменная «Vx» отображается в виде «ползунка». Положение «ползунка» записывается в переменную «Vx».

Следующая за «Vx» («Vx+1») переменная, содержит минимальное значение диапазона, переменная «Vx+2», содержит минимальное значение диапазона.


Смаконт. WEB-интерфейс. «Ползунок тип1»

WEB-интерфейс. «Ползунок тип1»

«Звуковой сигнал тип0»

Значение переменной «Vx» определяет наличие звукового сигнала в WEB-интерфейсе. При этом значение «0» переменной «Vx», соответствует состоянию «звук отключен» (надпись серого цвета), а значение «1», соответствует состоянию «звук включен» (надпись красного цвета).

Звуковой сигнал подается так же и в фоновом режиме.


Смаконт. WEB-интерфейс. «Звуковой сигнал тип0»

WEB-интерфейс. «Звуковой сигнал тип0»

«Индикатор цветовой»

Значение переменной «Vx» определяет цвет квадратного индикатора.

Допускаются следующие значения переменной «Vx»:
0 - серый;
1 - красный;
2 - зеленый;
3 - синий;
4+ - белый.

«Цвет RGB»

Значение переменной «Vx» определяет красную составляющую цвета квадратного индикатора. Значение переменной «Vx+1» определяет зеленую составляющую цвета квадратного индикатора. Значение переменной «Vx+2» определяет синею составляющую цвета квадратного индикатора.

«Текст тип 0 (поддержка html)»

Переменная «Vx» содержит номер шаблона в котором заключен текст. В шаблоне допускается наличие тегов html.


Смаконт. WEB-интерфейс. «Текст тип 0 (поддержка html)»

WEB-интерфейс. «Текст тип 0 (поддержка html)»

«Текст тип 1 (поддержка html)»

Переменная «Vx» содержит номер шаблона в котором заключен текст. В шаблоне допускается наличие тегов html.


Смаконт. WEB-интерфейс. «Текст тип 1 (поддержка html)»

WEB-интерфейс. «Текст тип 1 (поддержка html)»

«Текст (редактирование шаблона) Admin»

Тип предназначен для редактирования шаблонов.
Переменная «Vx» содержит номер шаблона в котором заключен текст.
Поле редактирования отображается только при авторизации с правами «Администратор»!


Смаконт. WEB-интерфейс. «Текст (редактирование шаблона) Admin»

WEB-интерфейс. «Текст (редактирование шаблона) Admin»








Действие «webInterface()»

Действие предназначено только для хранения параметров. Выполнение действия «webInterface()» (принудительное или в сценариях) ни к чему не приводит.

Действие предназначено только для хранения:
1. параметров внешнего вида web-интерфейса, таких, как ширина окна, общий масштаб, размер (масштаб) данных;
2. параметров сканирования устройств под управлением прошивки «Smacont-ESP»;
3. псевдонимов (названий) переменных.

При открытии web-интерфейса устройства, без применения данного действия, используются значения параметров по умолчанию (в качестве имен переменных «Vx» задаются их порядковые номера).

ПРИМЕЧАНИЕ
Параметры действия «webInterface()» применяется АВТОМАТИЧЕСКИ. Нет необходимости указывать действие в сценариях.

Действие «webInterface()» имеет следующие параметры.


Смаконт. Параметры действия «webInterface()»

Параметры действия «webInterface()»



«Ширина окна»

Параметр определяет ширину окна web-интерфейса.

Доступно четыре значения ширины окна:
- минимальная;
- средняя;
- крупная;
- максимальная.

ПРИМЕЧАНИЕ
При работе на мобильных устройствах, значение параметра автоматически устанавливается как «Во всю ширину браузера».

«Общий масштаб»

Параметр устанавливает общий масштаб всех элементов web-интерфейса.

Доступно четыре значения:
- 1.00;
- 1.20;
- 1.30;
- 1.40.

ПРИМЕЧАНИЕ
Параметр игнорируются при работе в браузере «Firefox».

«Масштаб данных»

Параметр определяет только размер данных (значений переменных).

Доступно четыре значения:
- минимальный;
- средний;
- крупный;
- максимальный.

«Сканирование устройств в сети»

При помощи данного параметра, определяется разрешение или запрет сканирования устройств в сети, работающих под управлением прошивки «Smacont-ESP».

При разрешении сканирования, в web-интерфейсе будут отображаться дополнительные элементы сканирования.

«Начальный IP-адрес диапазона сканирования»
«Конечный IP-адрес диапазона сканирования»

Параметры определяют диапазон сканирования устройств в сети, работающих под управлением прошивки «Smacont-ESP».

«Псевдонимы переменных»

Параметры определяют номера шаблонов в которых хранятся псевдонимы (алиасы, названия, имена) переменных, для их отображения в web-интерфейсе устройства.

Имена переменных указываются следующим образом:
"$A000Батарея$A010Температура$A123Влажность"
где:
"$A" - признак наличия в шаблоне имени переменной;
"000", "010", "123" - номер переменной V0, V10, V123. Номер переменной обязательно указывается в виде трехзначного числа (000...009 = V0...V9, 010...099 = V10...V99, 100...254 = V100...V254);
"Батарея", "Температура", "Влажность" - псевдонимы (алиасы, названия, имена) переменных.

ПРИМЕЧАНИЯ
1. В случае, если шаблоны не используются, то в качестве имен переменных отображаются их порядковые номера;
2. Так как длина одного шаблона ограничена по количеству символов, в действии используется несколько параметров «Псевдонимы переменных».



Сканирование

В WEB-интерфейсе предусмотрено сканирование устройств с прошивкой «Smacont-ESP», подключенных в одну WiFi-сеть. Для разрешения сканирования, необходимо в действии «webInterface()» разрешить сканирование устройств в сети. При этом, в самом WEB-интерфейсе, ниже формы авторизации появится строка параметров сканирования устройств.


Смаконт. Сканирование устройств

Сканирование устройств



Значения параметров «Начальный IP-адрес диапазона сканирования» и «Конечный IP-адрес диапазона сканирования», так же задаются в действии «webInterface()». Данные параметры задают диапазон сканирования, для сокращения времени поиска устройств, работающих под управлением прошивки «Smacont-ESP» в WiFi-сети.

Запуск процесса сканирования осуществляется путем нажатия на кнопку «Сканировать».


Смаконт. Сканирование устройств

Сканирование устройств



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


Смаконт. Сканирование устройств

Сканирование устройств



Для просмотра информации найденного устройства, необходимо «кликнуть» по кнопке данного устройства левой кнопкой мышки. Таким образом осуществляется быстрое переключение между устройствами.

В зависимости от загруженности WiFi-сети, некоторые устройства могут не отобразиться в списке найденных устройств. Для поиска пропущенных устройств, необходимо повторно нажать кнопку «Сканировать».



Программы

Прошивка «Smacont-ESP»:
скачать

«Программа Настройки»:
запусить (только браузер Firefox)
скачать zip-архив

Телеграм канал

Новости

Энергонезависимая память (EEPROM)

Переменные «Vx» (карта переменных «Vx»)

WEB-интерфейс

Действие «wifi_CheckConn()». После подключения к WiFi-сети, выполнить действие с задержкой

Обмен данными. Open Monitoring

Датчики температуры и влажности AHT10/AHT15/AHT20/AHT21/AHT25

Датчик температуры и влажности SHT30 (SHT31/SHT35)

Действие «valueToVx()», «valueToArrVx()». Отслеживание заданного уровня в диапазоне значений

Действие «termostat()». Термостат

ESP-NOW. Датчик температуры и влажности с питанием от батареек

Последовательные интерфейсы (UART, I2C, SPI)

Управление одноканальным модулем реле

Протокол MQTT

Обмен данными. NarodMon

Обмен данными. ioControl



Программы для модулей ESP     Программы     Применения     Справочник         Контакты     SMACONT. Напишите нам smacont@ya.ru