Вебсервер на ESP32

[starmos]

Здравствуйте.
Я не знаток в программировании под Веб. По автоматике только. Но у меня задача/идея следующая.
Мне нужно автоматизировать ряд установок на работе, например на базе контроллера Kincony A6. Он на ESP32, дисплея в базе не имеет и я подумал заменить его смартфоном. Подходишь к шкафу с контроллером, цепляешься к контроллеру через браузер, смотришь/настраиваешь параметры, идешь к следующему. Понятно что все это можно сделать вообще никуда не ходя, но пока не до этого. Задача в том, чтобы при подключении к контроллеру грузилась страница с мнемосхемой, отображением текущих параметров, может была возможность по страницам переходить, на настройки, графики и т.д. Так вот вопрос - с чего все это начать и что/где почитать и есть ли что-то готовое подобное здесь на форуме?

[Phazz]

https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

[Phazz]

Мнемосхем и графиков пока не обещаю)

[starmos]

Что-то у меня не открывается ссылка...

[Phazz]

Что-то у меня не открывается ссылка...

Попробуйте еще, может я обновлял в этот момент

[SergeyShikal]

Что-то у меня не открывается ссылка...

Попробуйте еще, может я обновлял в этот момент

Здравствуйте, а библиотеку где скачать flprogWebServer.h?

[mixa7001]

А как это работает? Описание есть? как согласовать FLprog с конструктором? Я не программист и может вопросы задаю наивные.

[slsl]

Мнемосхемы, графики, куча страниц - это уже не про ЕСП (если про детальность как в СКАДЕ)

[Phazz]

Что-то у меня не открывается ссылка...

Попробуйте еще, может я обновлял в этот момент

Здравствуйте, а библиотеку где скачать flprogWebServer.h?

в 9 версии она встроена. Да забыл уточнить, работать будет только в 9 версии!

[Phazz]

А как это работает? Описание есть? как согласовать FLprog с конструктором? Я не программист и может вопросы задаю наивные.

В генераторе кода есть кнопка получить блок. Вот этот блок и загружаем в флпрог

[Phazz]

Мнемосхемы, графики, куча страниц - это уже не про ЕСП (если про детальность как в СКАДЕ)

Здесь это вполне реализуемо. Вся тяжелая часть находится на стороне браузера. В мк самый минимум

[starmos]

Мнемосхемы, графики, куча страниц - это уже не про ЕСП (если про детальность как в СКАДЕ)

Я вентустановку видел, на ПЛК Carel вроде, к ней подключался через браузер, через Ethernet правда. Так вот выводилась как раз мнемосхема, с анимацией даже. Собственно я оттуда идею и взял. Я не думаю, что в Carel вентустановки процессор сильно мощнее чем ESP32, я даже думаю что наоборот. У меня эта идея давно, я просто не мог решить что лучше использовать для связи: ModbusTCP, MQTT или вот через Web. В итоге остановился на последнем, но как раз это знаю меньше всего. Зато весь интерфейс может храниться на контроллере. Есть подобное и для MQTT, но там нужно приложение и брокер где-то поднять. А тут только браузер.

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

[tolochko]

По моему проще Remote XY через блю туз

[Brand2]

Думаю Kascada здесь справится

[starmos]

https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

Наконец-то удалось зайти. Круто, буду пробовать. Спасибо!

[opk]

https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

Наконец-то удалось зайти. Круто, буду пробовать. Спасибо!

А у меня не заходит. Печально.

[Phazz]

https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

Наконец-то удалось зайти. Круто, буду пробовать. Спасибо!

А у меня не заходит. Печально.

У кого не заходит нажмите ctrl + shift + R

[Engineer200]

Добрый день!
Мне понравился Flprog_WebUI_Editor.
Шероховатости инструмента тем незаметнее, чем опытнее мастер использующий инструмент.

В какой-то момент создания интерфейса (я активно пользовался Ctrl-C, Ctrl-V) сдублировались два объекта и стали волочиться на каждый экран, хотя их там не должно быть. Удалить их не удавалось: на главном экране я их удаляю, а на втором экране они всё равно сидят и редактировать себя или удалить не дают. Просмотрел в json-файле, нашёл дубли - удалил. Стало хорошо.
Второй момент: Объект можно поставить на место с координатой Y начиная от ноля. Сохраняется в json нормально. А при загрузке из json объекты ставятся на координату 15. Т.е. сдвигаются сверху в низ.
И по X тоже самое - сдвигаются вправо.

Ваш инструмент хорош.

[Phazz]

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

[Engineer200]

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

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

Показать

2026-03-23_23-19-40.png

2026-03-23_23-21-13.png

А если сдвинуть серую подкладку и "Запас литров", то видно снизу лишнюю надпись.

Показать

2026-03-23_23-22-41.png

Когда в неё тыкаешь мышкой - выделяется основная, здесь выделена прямоугольником, а не та, что снизу.
Правда они исчезают если нажать Ctrl-F5.
Какая нибудь буферизация в браузере?
Баузер от Яндекса.