Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

Проблема полсле прошивки.

Ответить
malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Горящая тема Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#1

Сообщение malina » 12.02.2023{, 23:11}

Полученный интерфейс:

Стрелочные индикаторы:
От artemka19
Код js скрипта вынесен в отдельный блок, который нужно разместить в проекте флпрог.
Стрелочные индикаторы.flp
(554.74 КБ) 33 скачивания
1-обзор.png
От malina
Код js скрипта размещается в файловой сиситеме SPIFFS
data.rar
(7.05 КБ) 28 скачиваний
Пример: В настройках вэб интерфейса (общие)
такой пример работы с SPIFFS, на практике не совсем корректен.
Настройки работы со SPIFFS проводились для всего интерфейса, а не для отдельной
страницы.
Screenshot_2.png
Пример: В настройках страницы вэб интерфейса (только нужная страница)
two_forum radial indicator v1.0.flp
(1.82 МБ) 27 скачиваний
Настройки работы со SPIFFS проводились для отдельной страницы.
------------------------------------------------------------------------------------------------------------------------------------------------------------

Здравствуйте Всем!

Дня три тому назад посмотрел- "Создание собственных виджетов в вэб интерфейсе в программе FLProg" Сергей Глушенко
https://www.youtube.com/watch?v=oBWwPablQ04
Все прекрасно получилось... часа за 4 и я решил свой виджет воткнуть в штатный Веб. Чтобы было как на скринах )))

Сразу припомнил далекий 2016 год, где я прикрутил к Изернет шилду прекрасные стрелочние индикаторы.
Сейчас изернет-шилды не в моде , а гуляет по просторам IOT - уважаемая ESP :smile9: . Поэтому вместо SD карты для Вебморды логично было бы использовать SPIFFS, но заморачиваться с изучением, как прикрутить все это к FLprog времени соАвсем нет.
Учитывая, что и без SPIFFS все получилось быстро :smile171: (вообщем и целом - НиФига НЕ получилось . я таки наваял V1.0 – по мотивам:
https://startingelectronics.org/tutoria ... ard-gauge/ и
https://github.com/tehniq3/Two-Gauge-Arduino-Web-Server
Я даже подготовил материалы по этой теме( ниже приложу) И с прекрасным настроением прошил ESP, чтобы выложить на форум рабочий проект ....НО..
...набрав в строке браузера заветный адрес ....********ть - я не увидел индикаторы :shok:
------------------------------------------------------------------------------------------------------------------------------------------------------------
Проблема:
Вы видете по скринам, что с помощью штатных средств (http://localhost/) - я прекрасно получаю индикаторы(датчики) в браузере , а после прошивки их в браузере тупо нет.
------------------------------------------------------------------------------------------------------------------------------------------------------------

Да. Я не программер и не продвинутый юзер...но Абыдно такую красоту терять.

Друзья!!! Хочется не только причину знать, но и симпатичный интерфейс получить.
-------------------------------------------------------------------------------------------------------------------------------------
Последний раз редактировалось malina 18.02.2023{, 16:52}, всего редактировалось 9 раз.

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#2

Сообщение artemka19 » 13.02.2023{, 00:43}

красиво :smile9:

Отправлено спустя 1 минуту 50 секунд:
malina писал(а):
12.02.2023{, 23:11}
, что с помощью штатных средств (http://localhost/) - я прекрасно получаю индикаторы(датчики) в браузере , а после прошивки их в браузере тупо нет
а что отображает после прошивки браузер?
в какой версии флпрог проект?

malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#3

Сообщение malina » 13.02.2023{, 15:54}

artemka19, браузер после прошивки просто страницу от FlProg с меню "индикаторы" , " wifi client" показывает... а индикаторов нет
Версия флпрог 7.5.2
Можно залить на любую ESP пример v1.0 и он будет работать - при изменении переменной temp, индикатор показывает значения - НО -
только на Localhost.
Вложения
Примеры.rar
(4.41 МБ) 28 скачиваний
Последний раз редактировалось malina 14.02.2023{, 07:24}, всего редактировалось 1 раз.

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#4

Сообщение artemka19 » 13.02.2023{, 16:05}

malina,
я пока не у пк.
но если открыть в браузере средства разработчика - там какие ошибки в консоли имеются?

malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#5

Сообщение malina » 13.02.2023{, 16:19}

да я тоже далеко от ПК, да и опять прошивать нужно чтобы посмотреть но я обязательно посмотрю... не скоро - но..

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#6

Сообщение artemka19 » 13.02.2023{, 21:00}

malina,
у тебя там ошибки в скрипте:
1 - код неправильно закомментирован - такими (<!-- -->) кавычками комментируется код в html, а не в js
<!-- Gauge Code Starts -->
<!-- Gauge Code Ends -->


2 - вот такой код со слешами /^\s*function\s*\(/.test(g) при заливке в еспшку ломается.

либо убирай его, либо грузи этот код из js в еспшку другим методом (например через PROGMEM или через файловую систему)
*можно попробовать экранировать эти слеши

Остальное работает:

ьььььь.png
radial indicator v1.0.flp
(295.5 КБ) 52 скачивания

malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Радиальный датчик (индикатор) веб-сервера отображающий аналоговое значение

#7

Сообщение malina » 14.02.2023{, 07:51}

artemka19, дружище!!! Ты зе бест програМмЁр !!!
Прям респект тебе. :yes: Да прибудет с тобой Дзен .

...завтра залью и залипну )))

Благодарю!

malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#8

Сообщение malina » 14.02.2023{, 18:25}

artemka19, залил - проверил.
По адресу http://localhost/ числа и градуировка на индикаторе отображаются, :smile9:
а по адресу http://192.168.43.51/ нет чисел и чёрточек. :smile44:

Какая то Карма НеДопиЛенНосТИ преследует этот виджет... :smile390:

Буду рад и счастлив, если еще раз поможешь.
Вложения
Screenshot_2.png
Screenshot_1.png
Последний раз редактировалось malina 16.02.2023{, 14:15}, всего редактировалось 1 раз.

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#9

Сообщение artemka19 » 14.02.2023{, 19:30}

malina писал(а):
14.02.2023{, 18:25}
вот такой код со слешами /^\s*function\s*\(/.test(g) при заливке в еспшку ломается
а это сделал?)

malina
Рядовой
Сообщения: 8
Зарегистрирован: 05.05.2021{, 22:30}
Репутация: 2
Имя: вячеслав

Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#10

Сообщение malina » 14.02.2023{, 19:39}

[/quote]
artemka19 писал(а):
14.02.2023{, 19:30}
malina писал(а):
14.02.2023{, 18:25}
вот такой код со слешами /^\s*function\s*\(/.test(g) при заливке в еспшку ломается
а это сделал?)
Буду через файловую систему делать...наверное. Щас как раз изучаю SPIFFS.
Последний раз редактировалось malina 17.02.2023{, 01:10}, всего редактировалось 1 раз.

Fuksas
Рядовой
Сообщения: 16
Зарегистрирован: 12.06.2017{, 23:13}
Репутация: 0

Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#11

Сообщение Fuksas » 14.02.2023{, 22:05}

malina писал(а):
14.02.2023{, 19:57}
Буду через файловую систему делать...наверное
viewtopic.php?f=202&t=7761&start=140#p115681

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Радиальный датчик (стрелочный индикатор) веб-сервера отображающий аналоговое значение

#12

Сообщение artemka19 » 16.02.2023{, 00:19}

malina,
вот тут решил использовать твой пример индикаторов для штатного веб-интерфейса
viewtopic.php?t=7761&start=160#p121260

Ответить

Вернуться в «WEB интерфейс»