GyverPortal

[novik1]

ничего лучше не придумал, жду предложений участников. Можно alert вызвать, но окно будет висеть в том числе когда подключение вернётся

да хоть фон страницы менять))
но лучше отдать это на выбор юзеру путем прописывания собственного кода.

 

[AlexGyver]

отдать это на выбор юзеру

скачай дев версию с гита, там уже есть

 

[novik1]

Однако алёрты не встают в очередь и показывается только один, так что можно так и сделать в новой версии

не не не - только не алерты: при неустойчивом соединении просто невозможно будет управлять со страницы ничем, т.к. сейчас таймаут при xhr запросе в 300мсек просто засыпает алертами, блокируя все на странице)

*можно конечно и тайминги вынести для установки извне, но это наверное неактуальо для большинства

такого статуса в стоке хватило бы многим за глаза (или как вариант выводить это лишь при Отсутствующем соединении красным цветом с текстом юзера):

 

[Daber]

А можно каким-нибудь образом сделать обновление времени в update?

GP.TIME("time", portal.getSystemTime());

Нужно обновлять время без обновления страницы
Что-то я зашёл уже в тупик

 

[ASM]

JQ Support, https://github.com/GyverLibs/GyverPortal/wiki/Обработка-обновлений

 

[novik1]

было бы еще совсем идеально передавать .css, .js из esp в браузер в .gz формате.
Таким образом в разы уменьшая размеры передаваемых файлов и соответственно увеличивая скорость загрузки этих самых файлов.
Это позволяет загружать из esp таких монстров как например highstock или highcharts.gauge размером в 400кб буквально за пару секунд (само собой кэшируя эти файлы впоследствии).

Есть куча конвертеров для этого, например такой:

Web Server with esp8266 and esp32: byte array, gzipped pages and SPIFFS - 2

Here a little tutorial to learn how to manage a complete web server via esp8266 esp32 or other arduino like device. When we speak about web server we know that the basic is serving a web page, in a micro-controller we have some solution to do that.

www.mischianti.org

*кстати там есть примеры и для async web server)))

 

[novik1]

а тот же highcharts.gauge позволяет сделать шикарнейшие стрелочные индикаторы с неограниченным уровнем кастомизации)))

Яндекс Картинки

Результаты поиска по запросу "highcharts gauge" в Яндекс Картинках

yandex.ru

 

[AlexGyver]

из esp в браузер в .gz формате.

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

 

[AlexGyver]

@Daber,

Нужно обновлять время без обновления страницы

Всё внимание на пример с update. Нужно подключить обновление и ответить на него текущим временем

// build
GP.UPDATE("time");
GP.TIME("time", ui.getSystemTime());

// action
if (ui.update("time")) ui.answer(ui.getSystemTime().encode());

 

[Daber]

@AlexGyver, я делал все правильно до этого, но теперь я понял, что у меня UPDATE работает с одним аргументом (time или led35) см. скриншот
Проверял во всех браузерах

Прилагаю код

GP.UPDATE("time, led35", 5000);

GP.DATE("date", portal.getSystemDate());
GP.TIME("time", portal.getSystemTime());

GP.LED_GREEN("led35"); GP.BREAK();

void action() {
  if (portal.update()) {
    if (portal.update("time")) portal.answer(portal.getSystemTime().encode());
    if (portal.update("led35")) portal.answer(1);
  }
}

 

[AlexGyver]

@Daber,у меня этот код работает корректно

 

[Daber]

@AlexGyver, я два дня потратил на то, чтобы запустить в своём коде это, так и не вышло, работает, только если в update передать один параметр, любой, даже не знаю что уже делать, хорошо, буду пробовать дальше, думать в чем может быть проблема

 

[aidar_i]

Как исправить:

#include <GyverPortal.h>

GyverPortal portal;
String val ;
String Text;

void setup()
{
    portal.attachBuild(build);
    portal.attach(action);
    portal.start();
}
void build()
{
    GP.BUILD_BEGIN();
    GP.THEME(GP_DARK);
    GP.BLOCK_BEGIN(" ");
    GP.LABEL("Если написать что то длинное, то сообщение выходит за рамки отрисовки блока... Пробовал на разных отрисовках, тоже самое","val ");
    GP.BREAK();
    GP.LABEL_BLOCK("Если написать что то длинное, то сообщение выходит за рамки отрисовки блока... Пробовал на разных отрисовках, тоже самое", "lb1", "");
    GP.BREAK();
    GP.UPDATE(PSTR("lb"),  1000);
    GP.LABEL(Text, "lb");
    GP.BLOCK_END();
    GP.BUILD_END();
}
void loop()
{
        portal.tick();
}
void action()
{
 
    Text = String("Если написать что то длинное, то сообщение выходит за рамки отрисовки блока... Пробовал на разных отрисовках, тоже самое");
    portal.updateString("lb",Text);

}

 

[allexnero2]

Подскажите GPtime можно разложить по часам, минутам и секундам? Не могу понять как это сделать. Или преобразовывать GPtime в стринг и из стринга уже вытаскивать нужные параметры.

 

[CCat]

Хочу сделать, чтобы портал (вместе с возможностью OTA) работал только первые 10 минут при включении.
Wi-Fi в дальнейшем вообще не нужен в текущей железяке.

Достаточно по истечении 10 минут выполнить

WiFi.mode(WIFI_OFF);
portal.stop();

или нужно как-то правильнее?

 

[AlexGyver]

@Daber, библиотека актуальной версии? Попробовать браузер Chrome. Обновить страницу через Ctrl+F5, это очистит кэш

 

[AlexGyver]

@aidar_i, LABEL это текст подписи, не имеет переноса. Для вывода просто текста можно использовать SPAN или PLAIN

 

[AlexGyver]

@allexnero2, GPtime это структура, как и GPdate и GPcolor, у них внутри есть переменные. Например у GPtime это
uint8_t hour, minute, second, см документацию. То есть можно вот так

GPtime time;
time.hour = 10;
my_func(time.second);
// и так далее

Если GPtime прилетает с браузера - его можно разбирать на часы/минуты/секунды таким образом, в этих переменных и хранится время GPtime

 

[AlexGyver]

@CCat, всё верно, можно так

 

[Старик Похабыч]

@CCat,
Да, так работать будет. Но вообще , если следовать логике. Сначала запускается WiFi, потом начинает работать портал, то и выключал бы я в обратном порядке: сначала остановил портал, потом WiFi. В данном случае это не принципиально, но логически выглядит правильнее: вы ведь сначала открываете дверь в дом, потом в доме зажигаете свет, а когда уходите делает в обратом же порядке.

 

[allexnero2]

@AlexGyver,Спосибо большое с GPtime разобрался. Но возник следующий вопрос getSystemTime() разве не имеет формат GPtime? Просто в чем дело, мне нужно устанавливать время на DS3231 через браузер. С помощью GPtime я понимаю как это сделать, а есть такая возможность чтобы устанавливать время с SystemTime()? Вытащить отдельные элементы из систем тайм.

 

[SCHMaster]

В первую очередь - огромное спасибо автору AlexGyver за его время на развитие библиотеки. Очень выручила в связи с необходимостью отказаться от Blynk. Какое-то время уже использую GyverPortal - переделываю вэб-морды своих железок. И если с Ардуинкой я более-менее дружу (вроде), то все, что касается вэб-программирования - "кто- там? я сам открою...".
В связи с этим вопрос...Подскажите, плз, каким образом изменить заголовок страницы на свой...
Пока нашел только вариант с правками в scripts.h... Но, подозреваю, это не совсем правильный метод.
Заранее благодарен.

 

[ASM]

@SCHMaster, не совсем понятно, о чём вопрос. В документации описано. GP.TITLE заголовки, если об этом. Также можно менять название вкладки.

Home

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

github.com

 

[SCHMaster]

@ASM,
А слона то я и не заметил. GP.PAGE_TITLE - если точнее.
Спасибо, что ткнули носом в очевидное!

Тогда еще один вопрос...
Есть необходимость периодически проверять - подключен клиент или нет...
Делаю это таким образом

void CheckClientConnect()
{
  bool IP_SET = portal.clientIP().isSet();
// APP_CONNECTED - глобальная переменная.
 if (IP_SET != APP_CONNECTED)
  {
    TX_Data.TX_Mode = RX_MOD_APP_EVENT;
    if (IP_SET)
    {
     TX_Data.TX_CommandID = RX_CMD_APP_CONNECT;
//     Serial.println("RX_CMD_APP_CONNECT " + portal.clientIP().toString());
    }
     else
    {
     TX_Data.TX_CommandID = RX_CMD_APP_DISCONNECT;
 //    Serial.println("RX_CMD_APP_DISCONNECT " + portal.clientIP().toString());
    }
    ET.sendData();   
    APP_CONNECTED = IP_SET;
  }
}

Не уверен, что метод верный, т.к. довольно часто, не смотря на то, что страница открыта в браузере выдает, что IP клиента отсутствует.
Со всеми вытекающими.

 

[ASM]

@SCHMaster,

GP.ONLINE_CHECK();                  // невидимый компонент. Проверка связи с esp, в случае отсутствия связи в названии вкладки появится символ 🚫
GP.ONLINE_CHECK(период);            // + период проверки в мс [int] (умолч. 5000)

В следующем обновлении:
ONLINE_CHECK() теперь выдаёт всплывающее окно с ошибкой вместо иконки в названии страницы