Страница 1 из 1

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

Добавлено: 08.10.2019{, 20:10}
Anydy
Товарищ МАРСЕЛИЧ разрабатывает вторую версию своего конфигуратора !
Используйте мой код как шаблон для своих проектов на esp8266 и esp32.
Фреймворк поможет вам использовать конфигурационный файл и веб интерфейс.
В качестве среды разработки я настоятельно рекомендую использовать PlatformIO, но можно использовать Arduino IDE

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

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

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


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

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

Добавлено: 08.10.2019{, 21:37}
edyapd
Классно.
Жаль для меня это тёмный лес.

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

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

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

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

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

Добавлено: 09.10.2019{, 07:45}
ecoins
После первого обзорного знакомства - здорово, будем пробовать.

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

Добавлено: 10.10.2019{, 11:48}
Anydy
Сделал скетч для Arduino IDE из примера - Термостат с гистерезисом.
Вот так выглядит в браузере
Screenshot1.png
Проверял на ESP8266 NodeMCU v3 (датчик не подключал поэтому так холодно)))
Для установки копируем все библиотеки в папку libraries вашей IDE
Разархивируем файлы скетча в одну папку, там содержатся 4 файла, открывать в IDE файл "main"
В файле "interface.h" в 14 строке прописываем имя и пароль вашей точки доступа
Пин для реле(4) в файле "main", пин для датчика DS18b20(14) в файле "ds18b20.h"
Настройки платы NodeMCU в IDE у меня такие -
Plata.png
Plata.png (4.86 КБ) 4108 просмотров
Заливаем скетч в плату, смотрим монитор порта, при успешном подключении к сети увидите выданный плате IP адрес
В браузере открываем этот адрес и настраиваем подключение к MQTT брокеру.
Проверяем!
Это тестовый пример, другие страницы, возможности фреймворка можно реализовать по аналогии из этого примера.
Приложение для андроид прилагаю. (В примере для приложения страничка не создана.)
Scetch.zip
(4.87 КБ) 178 скачиваний
Libraries.zip
(5.76 МБ) 371 скачивание
JeeUI2_Android_APK.zip
(3.1 МБ) 162 скачивания

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

Добавлено: 10.10.2019{, 15:40}
aidar_i
И блок сделать осталось немного!

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

Добавлено: 10.10.2019{, 16:24}
Anydy
aidar_i писал(а):
10.10.2019{, 15:40}
И блок сделать осталось немного!
Из того что есть в примере блок сделать не сложно, тут немного другая концепция....
Этот фреймворк позволяет очень гибко кастомизировать свой проект, можно создавать свои шаблоны HTML, CSS, Jvascript, можно разграничивать права доступа к страницам управления/мониторинга, многое чего можно вплоть до брендирования своего продукта с целью коммерческих продаж. Но для этого нужно знать хотябы основы С++ ... Я вот сейчас и думаю как можно сделать интеграцию этого фреймворка и нашей программы для людей которые не знают языков программирования. Нужно вникать в структуру фреймворка, хотя вроде ничего сложного там нет! Присоединяйтесь! Посмотрите полностью все видео - многое там уже рассказано!

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

Добавлено: 10.10.2019{, 18:21}
edyapd
Запустил ваш пример.
И сразу вопрос, что значит?
Anydy писал(а):
10.10.2019{, 11:48}
и настраиваем подключение к MQTT брокеру.
Далее. Открыл этот адрес на смартфоне и на компьютере. И не знаю, как сделать синхронизацию. Когда делаю на IObroker, то там при изменении с любого устройства, тут же синхронизируется на других. Как это сделать здесь?
И думаю у меня появится ещё много вопросов, так как я уже говорил, что для меня это тёмный лес.

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

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

Добавлено: 10.10.2019{, 18:50}
Anydy
edyapd писал(а):
10.10.2019{, 18:28}
И сразу вопрос, что значит?
и настраиваем подключение к MQTT брокеру.
Как что....первый скриншот - там слева есть в меню "Настройка MQTT" где надо прописать свои данные для подключения к MQTT серверу....например Cloudmqtt.com
Повторюсь - это пример для тех кто может продолжать писать странички для этого фреймворка на С++ ...для тех кому надо чтобы работало изкаробки это не подойдет....ждите когда сделаем рабочую версию ..или хотя бы бету....а так это для тех кто полностью посмотрел видео, понял примерно но не знает с чего начать....
edyapd писал(а):
10.10.2019{, 18:28}
Выключил роутер. Но ESP не запустило свою точку. Светодиод всё так же и горит. Ждал несколько минут.
В режим точки доступа он входит если не прописывать в скетче данные своей точки доступа(роутера) а так же если долго удерживать кнопку flash(правую) ....но опять же страничка режима AP не создана и вы увидите просто пустую страничку....
Это пример! На основе которого каждый может сделать что то для себя....просто подсказка!

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

Добавлено: 30.10.2019{, 15:08}
edyapd
Из web-интерфейса в переменную я разобрался как передать:

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

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

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

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

jee.var("ds_int, "10" );
Только получается, что если я не знаю в какой момент меняется, то надо постоянно обновлять.

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

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

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

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

Добавлено: 15.11.2019{, 14:31}
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
======
Интересно...

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

Добавлено: 15.11.2019{, 18:43}
Phazz
Интересно, что это будет

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

Добавлено: 15.11.2019{, 20:14}
Rovki
Похоже ссылка битая

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

Добавлено: 15.11.2019{, 21:06}
ecoins
Rovki писал(а):
15.11.2019{, 20:14}
Похоже ссылка битая
Есть основания полагать, что сбивается возникший ажиотаж.

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

Добавлено: 15.11.2019{, 23:37}
Anydy
Правильная ссылка - https://www.youtube.com/channel/UC5Mq-P ... fq14AaABCQ

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

Добавлено: 17.02.2020{, 12:52}
UMC
Anydy писал(а):
10.10.2019{, 11:48}
Сделал скетч для Arduino IDE из примера - Термостат с гистерезисом.
ну вообще-то это Марселич сделал скетч...а вы просто переименовали main.cpp в main.ino

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

Добавлено: 17.02.2020{, 17:53}
Anydy
UMC писал(а):
17.02.2020{, 12:52}
ну вообще-то это Марселич сделал скетч...а вы просто переименовали main.cpp в main.ino
Не прикапывайтесь к словам! Конечно скетч сделал он!

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

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