JeeUI – ВЕБ интерфейс и конфигуратор - ESP8266, ESP32

[Anydy]

Товарищ МАРСЕЛИЧ разрабатывает вторую версию своего конфигуратора !

Используйте мой код как шаблон для своих проектов на esp8266 и esp32.
Фреймворк поможет вам использовать конфигурационный файл и веб интерфейс.
В качестве среды разработки я настоятельно рекомендую использовать PlatformIO, но можно использовать Arduino IDE

Более подробно -

Сделано мобильное приложение под андроид....

С этого момента вы можете удаленно управлять любыми вашими IoT самоделками через мобильное приложение С ВАШИМ ИНТЕРФЕЙСОМ.
Больше не нужно искать IP адрес вашего устройства, приложение всё сделает.
Ваши устройства не зависят от сторонних облачных сервисов, всё что вам нужно - любой MQTT сервер!
В примере я на столько подробно описал каждую функцию, что аж жутко становится от вида кода. Так я компенсирую отсутствие мануала.

Стрим - примеры, описание вживую....


Ну что Гуру и Знатоки! Попробуем прикрутить это Чудо к FLProg? Думаю довольно перспективная разработка!
Проект на гитхабе!

[edyapd]

Классно.
Жаль для меня это тёмный лес.

[lexuv]

Это будет бомба. Никакие средства "железного" ввода и вывода уже будут не нужны. Как и всевозможные скады. Как по мне, я бы подобную вещь на месте разработчика поставил в приоритете №1.

В этой ветке товарищ запилил блоки на похожий фреймворк (но похуже):
тыц

Так что, я думаю, вполне возможно и Марселичский засунуть.

[ecoins]

После первого обзорного знакомства - здорово, будем пробовать.

[Anydy]

Сделал скетч для Arduino IDE из примера - Термостат с гистерезисом.
Вот так выглядит в браузере

Проверял на ESP8266 NodeMCU v3 (датчик не подключал поэтому так холодно)))
Для установки копируем все библиотеки в папку libraries вашей IDE
Разархивируем файлы скетча в одну папку, там содержатся 4 файла, открывать в IDE файл "main"
В файле "interface.h" в 14 строке прописываем имя и пароль вашей точки доступа
Пин для реле(4) в файле "main", пин для датчика DS18b20(14) в файле "ds18b20.h"
Настройки платы NodeMCU в IDE у меня такие -

Plata.png (4.86 КБ) 3970 просмотров

Заливаем скетч в плату, смотрим монитор порта, при успешном подключении к сети увидите выданный плате IP адрес
В браузере открываем этот адрес и настраиваем подключение к MQTT брокеру.
Проверяем!
Это тестовый пример, другие страницы, возможности фреймворка можно реализовать по аналогии из этого примера.
Приложение для андроид прилагаю. (В примере для приложения страничка не создана.)

Scetch.zip

(4.87 КБ) 175 скачиваний

Libraries.zip

(5.76 МБ) 367 скачиваний

JeeUI2_Android_APK.zip

(3.1 МБ) 157 скачиваний

[aidar_i]

И блок сделать осталось немного!

[Anydy]

И блок сделать осталось немного!

Из того что есть в примере блок сделать не сложно, тут немного другая концепция....
Этот фреймворк позволяет очень гибко кастомизировать свой проект, можно создавать свои шаблоны HTML, CSS, Jvascript, можно разграничивать права доступа к страницам управления/мониторинга, многое чего можно вплоть до брендирования своего продукта с целью коммерческих продаж. Но для этого нужно знать хотябы основы С++ ... Я вот сейчас и думаю как можно сделать интеграцию этого фреймворка и нашей программы для людей которые не знают языков программирования. Нужно вникать в структуру фреймворка, хотя вроде ничего сложного там нет! Присоединяйтесь! Посмотрите полностью все видео - многое там уже рассказано!

[edyapd]

Запустил ваш пример.
И сразу вопрос, что значит?

и настраиваем подключение к MQTT брокеру.

Далее. Открыл этот адрес на смартфоне и на компьютере. И не знаю, как сделать синхронизацию. Когда делаю на IObroker, то там при изменении с любого устройства, тут же синхронизируется на других. Как это сделать здесь?
И думаю у меня появится ещё много вопросов, так как я уже говорил, что для меня это тёмный лес.

Отправлено спустя 6 минут 56 секунд:
Выключил роутер. Но ESP не запустило свою точку. Светодиод всё так же и горит. Ждал несколько минут. Шлёт в порт

Disconnected from SSID: "Название сети"
Reason: 201

[Anydy]

И сразу вопрос, что значит?
и настраиваем подключение к MQTT брокеру.

Как что....первый скриншот - там слева есть в меню "Настройка MQTT" где надо прописать свои данные для подключения к MQTT серверу....например Cloudmqtt.com
Повторюсь - это пример для тех кто может продолжать писать странички для этого фреймворка на С++ ...для тех кому надо чтобы работало изкаробки это не подойдет....ждите когда сделаем рабочую версию ..или хотя бы бету....а так это для тех кто полностью посмотрел видео, понял примерно но не знает с чего начать....

Выключил роутер. Но ESP не запустило свою точку. Светодиод всё так же и горит. Ждал несколько минут.

В режим точки доступа он входит если не прописывать в скетче данные своей точки доступа(роутера) а так же если долго удерживать кнопку flash(правую) ....но опять же страничка режима AP не создана и вы увидите просто пустую страничку....
Это пример! На основе которого каждый может сделать что то для себя....просто подсказка!

[edyapd]

Из web-интерфейса в переменную я разобрался как передать:

Код: Выделить всё

void update(){ // функция выполняется после ввода данных в веб интерфейсе. получение параметров из веб интерфейса в переменные
  // получаем данные в переменную в ОЗУ для дальнейшей работы
  ds_int = jee.param("ds_int").toInt(); // читаем параметр в переменную с преобразованием в нужный тип данных
}

Кто-нибудь может ответить, как из переменной засунуть обратно в web-интерфейс?

Отправлено спустя 1 час 29 минут 6 секунд:
Похоже разобрался надо просто заново вызвать.

Код: Выделить всё

jee.var("ds_int, "10" );

Только получается, что если я не знаю в какой момент меняется, то надо постоянно обновлять.

[edyapd]

Допилил я небольшой проект. И захотелось мне к нему приделать веб-интерфейс.
Попробовал пример из #5 всё устраивает.
Из этого примера сделал ПБ чисто под свой проект. Всё компилируется и грузится, но увы, не запускается.
А так же, после заливки скетча, пропадает возможность загрузки по WiFi.
Просьба к тем кто знает, как делать ПБ, если не трудно, гляньте, что не так с этим блоком.

Отправлено спустя 5 часов 18 минут 24 секунды:
Вопрос снят. Похоже проблема в какой-то библиотеке. Скопировал в Arduino IDE которая установлена на компьютере и всё залилось и заработало.

[ecoins]

От Марселича:
https://www.youtube.com/channel/UC5Mq-P ... aABCQeeUI3 на подходе.
Это просто бомба!
На этот раз я не один, создаётся Community проекта.
Нам ещё требуются:
Web мастер - 1 штука,
Человек готовый заняться написанием мануала - 1штука,
Верстальщик HTML5 CSS3 - 1 штука,
Проектировщик печатных плат - 1 штука,
Менеджер по всем вопросам (сверхчеловек) - 1 штука,
Финансовый директор - 1 штука,
Программист junior JavaScript - 2 штуки,
Программист junior Node JS - 1 штука,
Программист (Arduino, ESP-IDF, C++) - 6 штук.
Проект большой, ОТКРЫТЫЙ, но при этом нацеленный на прибыль.
Желающих занять вышеперечисленные посты просим писать на почту: jeecrypt@gmail.com
======
Интересно...

[Phazz]

Интересно, что это будет

[Rovki]

Похоже ссылка битая

[ecoins]

Похоже ссылка битая

Есть основания полагать, что сбивается возникший ажиотаж.

[Anydy]

Правильная ссылка - https://www.youtube.com/channel/UC5Mq-P ... fq14AaABCQ

[UMC]

Сделал скетч для Arduino IDE из примера - Термостат с гистерезисом.

ну вообще-то это Марселич сделал скетч...а вы просто переименовали main.cpp в main.ino

[Anydy]

ну вообще-то это Марселич сделал скетч...а вы просто переименовали main.cpp в main.ino

Не прикапывайтесь к словам! Конечно скетч сделал он!

[edyapd]

Сегодня днём возился с лампой Гувера, а вечером сел снова изучать JeeUI.
И в голову пришла мысля, "А почему ещё никто не попытался скрестить это дело?".
И буквально через пять минут вижу ОТВЕТ