FlProg

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

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

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

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

starmos писал(а): 16 мар 2026, 11:20 Что-то у меня не открывается ссылка...

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

Phazz писал(а): 16 мар 2026, 11:34

starmos писал(а): 16 мар 2026, 11:20 Что-то у меня не открывается ссылка...

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

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

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

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

SergeyShikal писал(а): 16 мар 2026, 12:19

Phazz писал(а): 16 мар 2026, 11:34

starmos писал(а): 16 мар 2026, 11:20 Что-то у меня не открывается ссылка...

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

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

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

mixa7001 писал(а): 16 мар 2026, 12:40 А как это работает? Описание есть? как согласовать FLprog с конструктором? Я не программист и может вопросы задаю наивные.

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

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

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

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

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

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

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

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

Phazz писал(а): 16 мар 2026, 10:29 https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

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

starmos писал(а): 17 мар 2026, 06:46

Phazz писал(а): 16 мар 2026, 10:29 https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

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

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

opk писал(а): 19 мар 2026, 08:12

starmos писал(а): 17 мар 2026, 06:46

Phazz писал(а): 16 мар 2026, 10:29 https://phazz1980.github.io/Flprog_WebUI_Editor/
Такое подойдёт?

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

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

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

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

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

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

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

Phazz писал(а): 23 мар 2026, 18:28 Спасибо за отзыв, проблему с виджетами воспроизвести не удалось. Сдвиг виджета при загрузке сохранения исправил

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