GyverPortal

onion

Всем привет. Предлагаю здесь обсуждать все вопросы по этой библиотеке!

GitHub - GyverLibs/GyverPortal: Простой конструктор веб интерфейса для esp8266 и ESP32

Простой конструктор веб интерфейса для esp8266 и ESP32 - GyverLibs/GyverPortal

github.com

gorlanovmax · 9 Ноя 2022

Kurya написал(а):
Обновил библиотеку с 3.1.0 до 3.3.0. Ни один пример не компилируется с новой версией. На старой все работало.

Что-то с обработкой пути, по которому пытаемся получить список файлов

aidar_i · 9 Ноя 2022

Как пользоваться функцией HINT?
Такой код не работает

C++:

#include <WiFi.h>
#include <GyverPortal.h>
GyverPortal portal;
String hint;
String btn;
bool hintF;
IPAddress local_IP(192,168,1,200);
IPAddress gateway(192,168,1,1);
IPAddress subnet(255, 255, 255, 0);
void setup()
{
    WiFi.mode(WIFI_STA);
    WiFi.begin("MTS", "9870375201");
    WiFi.config(local_IP, gateway, subnet);
   // portal.enableAuth("login", "password");
    portal.attachBuild(build);
    portal.attach(action);
    portal.start();
}
void build()
{
    GP.BUILD_BEGIN();
    GP.THEME(GP_DARK);
       GP.HINT("hint", "Намек");
    GP.BUTTON("btn", "Hint");
    BUILD_END();
}
void loop()
{
  portal.tick();
}
void action()
{
 if (hintF && portal.update("hint"))
    {
        hintF = 0;
        portal.answer(1);
    }
    if (portal.click("btn")) hintF = 1;
 }

gorlanovmax · 9 Ноя 2022

@aidar_i,

Есть же стандартные примеры.
У вас ошибка в коде. Идентификаторы должны быть одинаковыми.
Т.е. если HINT вы делаете для кнопки, то идентификатор у HINT должен быть такой же как у кнопки

C++:

GP.HINT("bnt", "Намек"); //id, текст
GP.BUTTON("btn", "Hint", "bnt");  //имя, текст, id

gorlanovmax · 9 Ноя 2022

В 3.3. на esp32 перестало работать OTA
Возможно что-то меняли в форматах?
Файл выбирается, но далее тишина

aidar_i · 9 Ноя 2022

gorlanovmax написал(а):
@aidar_i,

Есть же стандартные примеры.
У вас ошибка в коде. Идентификаторы должны быть одинаковыми.
Т.е. если HINT вы делаете для кнопки, то идентификатор у HINT должен быть такой же как у кнопки

C++:

GP.HINT("bnt", "Намек"); GP.BUTTON("btn", "Hint");

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

gorlanovmax · 9 Ноя 2022

@aidar_i,

Я исправил код, вы наверное до этого посмотрели.
У кнопки есть id, это третье поле. Вот оно должно быть таким же как первое поле в HINT

aidar_i · 9 Ноя 2022

Да, сейчас увидел, но не работает так, но другие фукции типа Alert работают.
Похоже он работает по другому.

gorlanovmax · 9 Ноя 2022

@aidar_i,

да сейчас проверил.
в результирующей странице id кнопки не добавляется.
видимо недоработка

AlexGyver · 9 Ноя 2022

@Kurya,

Ни один пример не компилируется с новой версией
'class fs::File' has no member named 'path'

Обновить ядро, встроенная библиотека FS устарела

@gorlanovmax,

Что-то с обработкой пути, по которому пытаемся получить список файлов

В ошибке написано 'class fs::File' has no member named 'path' - то есть в библиотеке FS не хватает метода. Значит библиотека устарела

@aidar_i,

Как пользоваться функцией HINT?

См. доку

GP.HINT(имя, текст); // всплывающая подсказка с текстом "текст" для элемента "имя". Вызывать после добавления компонента

То есть

C++:

GP.КОМПОНЕНТ("имя");
GP.HINT("имя", "текст");

Имя должно совпадать (подсказка ДЛЯ компонента с этим именем)
НО. Баг подтверждаю, с кнопками не работает, потому что у кнопок не передаётся атрибут id, исправлю возможно в мини-обновлении.

@gorlanovmax,

У кнопки есть id, это третье поле. Вот оно должно быть таким же как первое поле в HINT

Нет, id у кнопки передаётся первым аргументом

@gorlanovmax,

В 3.3. на esp32 перестало работать OTA

Работает как часы, проверил несколько раз. Возможно стоит:

Обновить ядро
Сделать Erase Flash
Форматировать SPIFFS

И прочее что рекомендуется делать когда начинает тупить esp32

aidar_i · 10 Ноя 2022

AlexGyver написал(а):
Имя должно совпадать (подсказка ДЛЯ компонента с этим именем)

Спасибо! Проверил . Работает, кроме переключателя!

aidar_i · 11 Ноя 2022

Нельзя в компоненте Спиннер сделать автопрокрутку при удержании стрелок с регулировкой скорости прокрутки?

AlexGyver · 12 Ноя 2022

aidar_i написал(а):
Нельзя в компоненте Спиннер сделать автопрокрутку при удержании стрелок с регулировкой скорости прокрутки?

Отличная идея! Записал в туду

aidar_i · 12 Ноя 2022

Вот что творят с графиками на штатном веб интерфейсе форумчане с FLprog.

AlexGyver · 12 Ноя 2022

штатном веб интерфейсе

Это каком таком штатном?

gorlanovmax · 12 Ноя 2022

AlexGyver написал(а):
Работает как часы, проверил несколько раз.

Все проверил, сама процедура обновления работает.
Но ранее, после обновления перекидывало на страницу GP_OTAUpload
На которой отображалась подпись, что обновление прошло успешно и кнопки Обновить, На главную

Теперь же на страницу перекидывает, ничего не отображается и сразу идет редирект на главную

Ядро стоит последнее 2.0.5

AlexGyver · 13 Ноя 2022

@gorlanovmax,

перекидывало на страницу GP_OTAUpload

Мы считали что это баг и его исправили =) Сейчас если обновление инициируется с компонента ОТА апдейт - редирект идёт на эту же страницу. Если со страницы /ota_update - то остаётся там же и показывает статус

aidar_i · 13 Ноя 2022

AlexGyver написал(а):
Это каком таком штатном?

Штатный программы FLProg. Форумчанин сделал дополнительные пользовательские блоки к нему.

AlexGyver написал(а):
Мы считали что это баг и его исправили =) Сейчас если обновление инициируется с компонента ОТА апдейт - редирект идёт на эту же страницу. Если со страницы /ota_update - то остаётся там же и показывает статус

У меня страница одна, на ней динамические вкладки.
Перехода на отдельную страницу по обновлению нет.
Просто добавлены кнопки
GP.OTA_FIRMWARE()
и
GP.OTA_FILESYSTEM()

И также некорректно работает штатный пример OTACustom в библиотеке

SanyaNapalm · 13 Ноя 2022

Поддерживает ли библиотека воспроизведение звуков в браузере? Я сделал небольшой терморегулятор, хотелось бы, чтобы при превышении определенной температуры звучала сигнализация в телефоне.

gorlanovmax · 14 Ноя 2022

@SanyaNapalm,
Это лучше вот сюда написать как пожелание

Идеи/проблемы на обновление v3.4 · Issue #52 · GyverLibs/GyverPortal

CHANGELOG v3.4 Добавлено HTML Canvas (рисование в браузере) + обновление из скетча + Processing API Разметка страницы в стиле панели управления с боковым меню, компоненты UI_BEGIN, UI_MENU, UI_BODY...

github.com

AlexGyver · 14 Ноя 2022

@SanyaNapalm,

Поддерживает ли библиотека воспроизведение звуков в браузере?

если в документации нету - значит нет

AlexGyver · 14 Ноя 2022

@gorlanovmax,

Перехода на отдельную страницу по обновлению нет.

Ещё раз:

Если обновление делается с компонента ОТА_.. - после обновления браузер возвращается на страницу с этой кнопкой
Если обновление делается на странице /ota_update - после обновления браузер остаётся на ней и показывает результат обновления

По крайней мере так задумано, может в каком нибудь китайском браузере это работает иначе

И также некорректно работает штатный пример OTACustom в библиотеке

Что значит "некорректно", можно подробности какие нибудь? Пример работает как часы на esp8266 и esp32

AlexGyver · 14 Ноя 2022

@aidar_i,

Штатный программы FLProg

а ну молодцы ребята

gorlanovmax · 14 Ноя 2022

AlexGyver написал(а):
Что значит "некорректно", можно подробности какие нибудь?

Беру пример OTACustom.ino из библиотеки.
Зашиваю его в ESP
Захожу в браузер.
Нажимаю кнопку Update Firmware.
Заливаю обновление.
Обновление проходит успешно.
После обновления, страница с информацией о успешном обновлении не появляется.

Как сделать чтобы страница с информацией о успехе или что еще более важно о ошибке при обновлении выходило, при условии, что у меня реализована одна страница с динамическими вкладками?

AlexGyver · 14 Ноя 2022

@gorlanovmax, ещё раз прочитай что я написал плиз)

AlexGyver · 14 Ноя 2022

В следующем обновлении могу вынести в паблик строку со статусом ошибки, ее можно будет вывести как LABEL(portal.ota.error)

GyverPortal

Комментарии

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

★★★★★★✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

★★★★★★✩

✩✩✩✩✩✩✩

★★★★★★✩

✩✩✩✩✩✩✩

★★★★★★✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

✩✩✩✩✩✩✩

★★★★★★✩

★★★★★★✩

★★★★★★✩

✩✩✩✩✩✩✩

★★★★★★✩

★★★★★★✩