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

Ответить
Аватара пользователя
Anydy
Администратор
Сообщения: 2349
Зарегистрирован: 30.12.2017{, 12:10}
Репутация: 157
Имя: Андрей

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

#1

Сообщение Anydy » 08.10.2019{, 20:10}

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

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

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

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


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

edyapd
Рядовой
Сообщения: 93
Зарегистрирован: 20.09.2019{, 11:38}
Репутация: 2
Имя: Эдуард

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

#2

Сообщение edyapd » 08.10.2019{, 21:37}

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

lexuv
Рядовой
Сообщения: 55
Зарегистрирован: 25.07.2018{, 19:43}
Репутация: 1
Имя: Алексей

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

#3

Сообщение lexuv » 08.10.2019{, 22:46}

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

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

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

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

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

#4

Сообщение ecoins » 09.10.2019{, 07:45}

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

Аватара пользователя
Anydy
Администратор
Сообщения: 2349
Зарегистрирован: 30.12.2017{, 12:10}
Репутация: 157
Имя: Андрей

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

#5

Сообщение Anydy » 10.10.2019{, 11:48}

Сделал скетч для 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 КБ) 265 просмотров
Заливаем скетч в плату, смотрим монитор порта, при успешном подключении к сети увидите выданный плате IP адрес
В браузере открываем этот адрес и настраиваем подключение к MQTT брокеру.
Проверяем!
Это тестовый пример, другие страницы, возможности фреймворка можно реализовать по аналогии из этого примера.
Приложение для андроид прилагаю. (В примере для приложения страничка не создана.)
Scetch.zip
(4.87 КБ) 15 скачиваний
Libraries.zip
(5.76 МБ) 22 скачивания
JeeUI2_Android_APK.zip
(3.1 МБ) 19 скачиваний

aidar_i
Майор
Сообщения: 1125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 108
Откуда: Уфа
Имя: Айдар
Контактная информация:

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

#6

Сообщение aidar_i » 10.10.2019{, 15:40}

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

Аватара пользователя
Anydy
Администратор
Сообщения: 2349
Зарегистрирован: 30.12.2017{, 12:10}
Репутация: 157
Имя: Андрей

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

#7

Сообщение Anydy » 10.10.2019{, 16:24}

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

edyapd
Рядовой
Сообщения: 93
Зарегистрирован: 20.09.2019{, 11:38}
Репутация: 2
Имя: Эдуард

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

#8

Сообщение edyapd » 10.10.2019{, 18:21}

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

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

Аватара пользователя
Anydy
Администратор
Сообщения: 2349
Зарегистрирован: 30.12.2017{, 12:10}
Репутация: 157
Имя: Андрей

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

#9

Сообщение Anydy » 10.10.2019{, 18:50}

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

Ответить

Вернуться в «Проекты различных устройств на ESP32»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость