Главная

JeeUIFramework – ВЕБ интерфейс и конфигуратор для ESP8266 и ESP32

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

Для начала работы необходимо создать параметры, которые в последующем будут настраиваться с помощью веб интерфейса. Параметр на самом деле представляет из себя json объект. Следующие манипуляции производятся в файле ‘html.h’

Создать новый параметр:
create_param( String Name , String Value )

Веб интерфейс создается с помощью простых методов:

input_text( String id , String name , String type , String placeholder , String title )
id‘, ‘name‘, ‘type‘, ‘placeholder‘, ‘title‘ – аналогичны тем, что вы использовали бы в HTML
на пример ‘type’:
text‘ – ввод текста
numbet‘ – ввод только цифр
date‘ – ввод даты
time‘ – ввод времени
в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param

input_range( String id , String name , int min , int max , String title )
min‘ и ‘max‘ – минимальное и максимальное значение ползунка
в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param

select_elements( String value , String title )
создает элемент выпадающего списка.

input_select( String id , String name , bool refresh , String title)
refresh‘ – если true, страница будет обновлена сразу после выбора элемента
в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param

button_save( String title , int color )
Создает кнопку отправки данных формы
color‘ – цвет кнопки, соответствует цветам Bootstrap
1 – “primary
2 – “secondary
3 – “success
4 – “danger
5 – “warning
6 – “info
7 – “light
8 – “dark

button_reboot( String title , int color )
Создает кнопку перезагрузки устройства (иногда это нужно, чтобы настройки вступили в силу)

alert( int color , String strong , String text , bool close )
Создает элемент, соответствующий ‘alert‘ HTML
strong‘ – Текст с выделением
text‘ – текста
close‘ – если true – буде возможность закрыть элемент

border( String title )
начинает и заканчивает границу.
Чтобы начать границу ‘title‘ должен быть не пустым,
Чтобы закончить границу ‘title‘ должен быть = “”.

Поддержать проект

Скачать  https://github.com/jeecrypt/JeeUIFramework

GPS трекер | как отследить человека без интернета? | Мобильное приложение для слежки прилагается!

В этом видео делаем gps трекер своими руками, трекер позволит следить за объектом без интернета!
Устройство поможет отследить человека, или авто по GPS, при этом передача данных происходит по LoRa протоколу на большое расстояние.
Вариант использования – детский gps трекер, ну или трекер для животных. По сути это крутой GPS маячок или противоугонное средство, которое поможет найти угнанное авто!
Делаем передатчик и приемник, используем ESP32 с LoRa на борту, можно использовать любые другие модули ESP8266, а LoRa как отдельный модуль.
Передатчик передает принятые GPS координаты по LoRa на приемник, приемник поднимает точку доступа WiFi, мобильное приложение подключается к этой точке доступа и шлет запросы на приемник, приемник в ответ на запросы мобильного приложения выдает принятые по LoRa координаты.

Мобильное приложение сделал на коленке за полтора часа, так что не до красивостей!
Мобильное приложение написал на CORDOVA в среде Visual Studio Code, если Вас заинтересовала тема написания мобильных приложений – пишите в комментарии, запишу уроки по написанию мобильных приложений!

ESP32 берем тут: http://ali.pub/3ei1jn
esp32 lora : http://ali.pub/3eeiwp
GPS модуль для Arduino тут: http://ali.pub/3fyq00

Исходники тут: https://drive.google.com/open?id=1MQ-4Vn9HQbdCgXAXZ0pjV0-KbRCxDsep

чтобы скомпилировать для передатчика раскомментируй

define MASTER

а для приемника – закомментируй!
Исходники мобильного приложения в папке “MobileApp”
APK файл приложения тоже где то там (нужно поискать, куда он так компилируется при отладке)
Если нужны уже скомпилированные прошивки – пишите в комментарии – сделаю!

Подпишись на канал!
И я звёл инстаграм https://www.instagram.com/jeecrypt

Поддержи рублем!
Карта СБЕРБАНКА: 4276 0600 5699 0008
Карта Альфа Банка: 5559 4928 1095 3623
QIWI кошелек: +79371662772
WMR: R214658700901
WMZ: Z409825468944
PayPal: danubanan@gmail.com
Yandex деньги: 41001645217498

Интернет радио на ESP32 с MP3 плеером

Делаем интернет радио на ESP32 без дополнительных модулей!
Всё что понадобится – ESP32 и динамик, для усиления можно использовать практически любой транзистор. Устройство поддерживает MP3 и AAC форматы, имеет встроенный MP3 плеер, файлы можно загружать прямо из веб – интерфейса!

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=187Gxmo1r7gx6IMWnhIagKmZBs9lasGZf

Вы можете поддержать канал задонатив, либо купив что нибудь для себя по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

MP3 плеер на ESP32 с веб интерфейсом

Проигрываем MP3 прямо я ESP32 из внутренней памяти!
Для загрузки музыки используем веб интерфейс устройства.

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=1iWaCkERDr4Iywu6Kt0Bef8tvwdUOBa0V

Вы можете поддержать канал задонатив, либо купив что нибудь для себя по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

MQTT информер на ESP8266 и MAX7219

Получаем сообщения по MQTT ESP8266 и выводим их бегущей строкой на MAX7219. Во фреймворк добавлен драйвер MQTT, его использование сводится всего к 2 строчкам кода!

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=1_er_tlASCkqCvVAWi2_d-pznNhfn7ZEK

Вы можете поддержать канал задонатив, либо купив что нибудь для себя по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

ESP8266 Погода OpenWeatherMap на MAX7219 светодиодную матрицу

Получаем погоду из интернета на ESP8266 и выводим на светодиодную матрицу MAX7219. Используем погодный сервис OpenWeatherMap. Для определения местоположения используем координаты (широта и долгота), их можно получить с Google Maps.

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=1ewLQNWrLwMX6yW5BqLk6ojOUO_mV5WiB

Вы можете поддержать канал задонатив, либо купив что нибудь для себя по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

Получаем время из интернета и выводим на светодиодную матрицу MAX7219 ESP8266 NTP

Видеоинструкция

В этом видео мы получаем время из сети (NTP) используя ESP8266 и выводим его на светодиодную матрицу MAX7219.
Поочередно на дисплей будут выводиться данные с датчика DS18b20, произвольная фраза а так же дата и время из сети интернет. Настроить часовой пояс можно из веб интерфейса.

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=1CkzDC_RK_TIb20XuL3CNSo86GtagiVNL

Вы можете поддержать канал задонатив, либо купив что нибудь для себя по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

Выводим температуру с датчика DS18B20 на MAX7219

видеоинструкция

В этом видео подключаем датчик температуры DS18B20 к ESP8266 и выводим данные на светодиодную матрицу MAX7219

Чтобы до конца понимать, что тут происходит – посмотрите прошлые видео:

https://www.youtube.com/watch?v=NSljt17mg74
https://www.youtube.com/watch?v=EE6FI0eR-vA
https://www.youtube.com/watch?v=VcrKS47OOtk

Пример из этого видео качаем тут: https://drive.google.com/open?id=1o-3kYPZctC5z5udDB2KewHmFaJBpMvli

Вы можете поддержать проект задонатив, либо купив по моей ссылке esp8266 или esp32
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

Выводим текст из веб интерфейса на светодиодную матрицу MAX7219

Видеоинструкция

Это еще один пример использования JeeUI. На этот раз выводим текст из веб интерфейса на светодиодную матрицу MAX7219.
Распиновка для подключения матрицы, а так же длинна матрицы настраивается в файле max7219.h

Группа ВК: https://vk.com/arduino_nodemcu_esp8266
Пример из этого видео качаем тут: https://drive.google.com/open?id=1YIAjBO7hX2tQ-YZoDV02i03QSu64ZuxS

Вы можете поддержать автора задонатив, либо купив что-нибудь по ссылкам ниже
Donate: https://donatepay.ru/don/jeegit
ESP8266: http://ali.pub/34481n
ESP32: http://ali.pub/3447ws
MAX7219: http://ali.pub/34hd3o
DS18B20: http://ali.pub/34hd4u

IoT Framework

IoT Framework является универсальным инструментом для создания iot устройств с Web конфигуратором с встроенными драйверами датчиков и исполнительных устройств. Framework позволяет создать устройство за считанные часы, это стало возможным благодаря разработанной мной системе генерации веб страниц и получения данных с нее в программу, это можно назвать системой управления контентом для низкоуровневых устройств(CMS) с поддержкой полноценных шаблонов!
это CMS for ESP8266 ESP32

Прошивка имеет следующие функции:
Удаленное управление всеми пинами (GPIO)
Реле времени
Термостат
Реле по аналоговому входу (фотореле)
Удаленная кнопка – переключатель
MQTT датчик температуры
MQTT аналоговый датчик (на пример измерение освещенности)
Прошивка работает на sonff любой модификации
WEB-Конфигуратор
Удаленная конфигурация по MQTT
Совместная работа с MQTT информером (отправка температуры с датчика на информер)

Вы можете ускорить выпуск фреймворка, донат: goo.gl/BuwPtV

Sonoff купил тут: http://ali.pub/2u01rw
ESP8266 тут: http://ali.pub/2u022s

качаем прошивки для ESP8266 и ESP8285 (sonoff): https://drive.google.com/open?id=1-u6FgszxuyDJ1J_jog4EZOV9UMDXEhdK

Обновления прошивки будут в группе VK: https://vk.com/arduino_nodemcu_esp8266

Светодиодный индикатор – GPIO 13
Кнопка – GPIO 0

для перехода в режим точки доступа и обратно – держим Кнопку нажатой 5 секунд.
Для сброса до “заводских” настроек – держим кнопку нажатой
более 10 секунд.