Web на базе CRMui3 v1.3

Web на базе CRMui3

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3 v1.3

#1

Сообщение JonyBest » 08.02.2023{, 22:30}

Позвольте представит Вам красивый Веб интерфейс на базе CRMui3 для esp 8266/32, использующий при построении простой блочный принцип. База на CRMui3 без всяких ограничений!!!
Для меня Веб как резервное управление, но захотелось красоты и простоты. Чтобы фейс можно было накидать за 5 мин.
Что удалось добиться:
  • 0. Авторизация в веб интерфейсе.
    1. Мультиязычный интерфейс.
    2. "Обновление прошивки" (WebUpdate Firmvare) штатно в прошивке.
    3. Динамическое обновление отдельных элементов интерфейса без перерисовки всего документа
    4. Настройка WiFi средствами библиотеки либо штатными в flprog.
    5. Элементы управления на любой вкус, включая графики.
    6. Автопубликация контроллера в локальной сети через mDNS/ZeroConf
    7. WiFi Captive Portal detection - при подключении к WiFi AP контроллера устройтсво/браузер покажет всплюывающее окно с предложением открыть страницу CRMui3
    8. Выход "EN" в блоках - Встроенный аналог стандартного блока обнаружения изменения. При изменении из веб появится высокий уровень на один цикл.
    9. Встроенный UART логгер.


    Рекомендую блоки фейса располагать в конце проекта. Блок "настройка ВиФи" должен быть последним в проекте.
Все элементы представлены в примере и на скриншотах.

Сделал два варианта.
Вариант №1:

Весь функционал flprog работает штатным образом.
Корректно работает с диспетчером ecoins.
Беда варианта №1 - интерфейс формируется не так как стоят блоки на экране, а в порядке нумерации блоков. Рекомендую включать 'Вид - Показывать номера блоков" чтобы убедиться в правильности сборки блоков при компиляции! Если нужно что то добавить, то проще вырезать все нижние блоки, добавить нужное и вставить обратно. Нумерация будет правильной. Блоки веб-интерфейса не обязательно использовать на одной плате. Но важно самому не запутаться в порядке их использования.

Исправления
от 25.02.23
СпойлерПоказать
Добавил выход айпи адреса при удачном коннекте к сети.
Исправил блок "Значение в виде таблицы". Теперь данные на странице сохраняются.
Исправил баг в кнопках.
Исправил баг с Выходом "EN" в блоках.
Много др. улучшений и оптимизаций...
13.04.23
СпойлерПоказать
В процессе разработки новых проектов, были выявлены и устранены большинство ошибок.
Очень много улучшений и оптимизации. Код блоков был полностью, вдумчиво переписан.
Из нового:
1. Добавлен выбор на каком ядре ЕСП32 работать вебу. При выборе ядра "0" ресурсы основного ядра "1" не тратятся на Веб. Схема зарекомендовала себя очень хорошо.
2. Навел порядок и систематизировал работу с цветом. Часть элементов имеют внешний вход для изменения цвета текста по условию.
3. Теперь проще работать с иконками.
4. Добавил блок управление сном по внутреннему таймеру.
5. У большинства элементов добавлена возможность выбрать тип входа и ед. измерения.
Добавил icon.pdf с набором иконок. Значок указывается в формате CODE без 0
Пример - 0xe802, указываем xe802
Скриншот 13.04.23_19.01.44.png
Файлы для скачивания:
СпойлерПоказать
test_crm1_3.rar
(1.08 МБ) 78 скачиваний
CRMui3_v1.3_(Code_-_Professional).rar
(1.02 МБ) 69 скачиваний
_icon.pdf
(40.33 КБ) 69 скачиваний
В примере используются блоки от ecoins . Для запуска необходимо скачать и скопировать библиотеки 1000_EIS_Library.

Вариант №2:

Появился благодаря активной поддержке со стороны Phazz.
Интерфейс формируется так как стоят блоки на экране. Стало заметно удобнее сформировать Веб. Не надо следить за нумерации блоков.
Но... в зоне блоков Веба не работают штатные блоки flprog. Работает только конвертация значений по входу блоков.
Т.е. все входящие и исходящие значения в Вебе получаем с помощью переменных или клемм.
СпойлерПоказать
WiFi_test_loop_v1_1.rar
(1.44 МБ) 88 скачиваний
CRMui3_loop_1.1_(Code_-_Professional).rar
(992.49 КБ) 85 скачиваний
Проверена работа на Arduino IDE
ESP8266 - ядро 3.0.2
ESP32 - ядро 1.0.6 , требуется в файле wi-fi.cpp, раскомментировать 13 строку и закомментировать 16 строку.
ESP32 - ядро выше 2.0
Не забудьте в настройках компилятора задействуйте файловую систему и обновление FS и OTA.

Для стабильной работы необходимы библиотеки ArduinoJson, AsyncTCP, ESPAsyncTCP, ESPAsyncWebServer.
Для эстетов - версия ArduinoJson должна быть не больше 6.19.4. Бывают проблемы с ESPAsyncWebServer, надо пробовать.
Для всех остальных проще удалить одноименные библиотеки из каталогов \ideV8\libraries и \ideV8\portable\sketchbook\libraries и разархивировать приложенные библиотеки в каталог \ideV8\libraries. Если не помогает то найти дубликаты с помощью поиска.
Если в процессе работы возникают глюки то необходимо произвести полную отчистку памяти или хотя бы отчистку spiffs
СпойлерПоказать
libraries.rar
(318.55 КБ) 164 скачивания
Библиотека CRMui3, должна поставится сама, на всяк случай
CRMui3.rar
(752.44 КБ) 196 скачиваний
Настройки платы
СпойлерПоказать
666.jpg
Скриншоты
СпойлерПоказать
111.jpg
222.jpg
333.jpg
444.jpg
555.jpg
Последний раз редактировалось JonyBest 13.04.2023{, 19:34}, всего редактировалось 17 раз.

ecoins
Полковник
Сообщения: 2519
Зарегистрирован: 12.02.2016{, 11:40}
Репутация: 407
Откуда: Шатура
Имя: Энвер

Web на базе CRMui3

#2

Сообщение ecoins » 09.02.2023{, 00:41}

Отличная и полезная работа. Попробуем приложить усилия к связке диспетчер+ESPUI.

Аватара пользователя
Phazz
Полковник
Сообщения: 2390
Зарегистрирован: 17.10.2016{, 15:38}
Репутация: 320
Откуда: Сургут
Имя: Анатолий

Web на базе CRMui3

#3

Сообщение Phazz » 09.02.2023{, 04:25}

JonyBest, на счет порядка элементов вопрос уже решён и можно сделать зависимость от расположения блоков в проекте.
Делал я для этого UI как-то блоки. Но пока проект не большой все отлично работает, но с ростом начинаются глюки - страница не хочет полностью прогружаться. Возможно что уже это вылечили за это время. Всё-таки советую проверить на нагруженном проекте.

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#4

Сообщение JonyBest » 09.02.2023{, 10:43}

Phazz писал(а):
09.02.2023{, 04:25}
JonyBest, на счет порядка элементов вопрос уже решён и можно сделать зависимость от расположения блоков в проекте.
Делал я для этого UI как-то блоки. Но пока проект не большой все отлично работает, но с ростом начинаются глюки - страница не хочет полностью прогружаться. Возможно что уже это вылечили за это время. Всё-таки советую проверить на нагруженном проекте.
Нашел Ваш проект блоков на UI. Там версия UI 0.52 использовалась. Та версия была условно бесплатная. Автор бросил ее развитие. Далее проект подхватили другие энтузиасты. Текущая версия UI 1.4. Автор на связи. Поддержка есть.
Пересобрал два тяжелых проекта с использованием UI. Вроде бы работаю вполне стабильно.
Единственная проблема у меня наблюдается с ВиФи. При выборе настройки "Средствами CRMui3" + клиент + ручная настройка ip. Первый раз не всегда модуль регистрируется в сети. При выборе ip автоматом - всё норм...

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#5

Сообщение agronom » 12.02.2023{, 08:34}

немогу скомпилировать
2023-02-12_123143.png
тест веб.rar
(1.31 МБ) 30 скачиваний

tolika
Рядовой
Сообщения: 39
Зарегистрирован: 07.11.2019{, 11:25}
Репутация: 7
Откуда: Магадан
Имя: Андрей

Web на базе CRMui3

#6

Сообщение tolika » 12.02.2023{, 09:16}

Точно такая же ошибка при компиляции. Как исправить?

Аватара пользователя
Phazz
Полковник
Сообщения: 2390
Зарегистрирован: 17.10.2016{, 15:38}
Репутация: 320
Откуда: Сургут
Имя: Анатолий

Web на базе CRMui3

#7

Сообщение Phazz » 12.02.2023{, 10:27}

agronom, перенесите в скобки выше выделенную строку

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#8

Сообщение JonyBest » 12.02.2023{, 10:36}

agronom писал(а):
12.02.2023{, 08:34}
немогу скомпилировать

2023-02-12_123143.png

тест веб.rar
Настраивал так чтобы Блок "настройка ВиФи" должен быть последним в списке блоков Веб.

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#9

Сообщение agronom » 12.02.2023{, 10:53}

вынес его на отдельную последнию плату и теперь так без конкретики не компилит
2023-02-12_145222.png

Аватара пользователя
Phazz
Полковник
Сообщения: 2390
Зарегистрирован: 17.10.2016{, 15:38}
Репутация: 320
Откуда: Сургут
Имя: Анатолий

Web на базе CRMui3

#10

Сообщение Phazz » 12.02.2023{, 11:11}

agronom, нужно удалить блок настройки wifi и вставить снова

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#11

Сообщение agronom » 12.02.2023{, 11:18}

не помогает

ibalabanov
Рядовой
Сообщения: 31
Зарегистрирован: 03.10.2021{, 09:58}
Репутация: 0
Имя: Георгий

Web на базе CRMui3

#12

Сообщение ibalabanov » 12.02.2023{, 11:21}

Все компилируется, но страница не открывается у меня

fsergei70
Капитан
Сообщения: 784
Зарегистрирован: 17.11.2015{, 20:36}
Репутация: 53
Имя: Сергей

Web на базе CRMui3

#13

Сообщение fsergei70 » 12.02.2023{, 11:33}

JonyBest, Без доступа к интернету этот ВЭБ интерфейс работать будет?

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#14

Сообщение JonyBest » 12.02.2023{, 11:43}

fsergei70 писал(а):
12.02.2023{, 11:33}
Без доступа к интернету этот ВЭБ интерфейс работать будет?
Конечно будет. Все ресурсы записываются в spiffs.

Отправлено спустя 2 минуты 59 секунд:
ibalabanov писал(а):
12.02.2023{, 11:21}
Все компилируется, но страница не открывается у меня
Давайте проект. Будем смотреть. ВиФи настраивали Средствами CRMui3 или flprog?

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#15

Сообщение agronom » 12.02.2023{, 11:56}

JonyBest,
тест.rar
(1.31 МБ) 44 скачивания
фл пока не трогал настройки

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#16

Сообщение JonyBest » 12.02.2023{, 12:39}

agronom писал(а):
12.02.2023{, 11:56}
JonyBest, тест.rar
фл пока не трогал настройки
Попробовал на есп32. Всё чётко пускается.
СпойлерПоказать
Screenshot_2023-02-12-12-35-11-398_com.android.captiveportallogin.jpg

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#17

Сообщение agronom » 12.02.2023{, 12:55}

32 тоже не компилируется
2023-02-12_165453.png

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#18

Сообщение JonyBest » 12.02.2023{, 13:16}

Попробуйте
тест2.rar
(1.29 МБ) 47 скачиваний
СпойлерПоказать
Screenshot_2023-02-12-13-17-59-563_com.android.captiveportallogin.jpg
Настройки платы
Соответствует?
JonyBest писал(а):
08.02.2023{, 22:30}
И ещё, версия ArduinoJson не больше 6.19.4.
Версию понизили?

agronom
Рядовой
Сообщения: 26
Зарегистрирован: 24.05.2022{, 06:56}
Репутация: 0
Имя: Стас

Web на базе CRMui3

#19

Сообщение agronom » 12.02.2023{, 13:51}

пробовал всё не помогает

JonyBest
Сержант
Сообщения: 220
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 52
Откуда: Близко к Ставрополю
Имя: Евгений

Web на базе CRMui3

#20

Сообщение JonyBest » 12.02.2023{, 13:57}

agronom писал(а):
12.02.2023{, 13:51}
пробовал всё не помогает
Версия платы какая?

Ответить

Вернуться в «WEB интерфейс»