- PVSM.RU - https://www.pvsm.ru -
Всем привет.
Продолжаю развивать свой проект [1]по визуализации трендов данных, добавил возможность просмотра в браузере в реальном времени. Кому интересно прошу.
Вкратце расскажу что из себя представляет проект. Это система ПО под названием «SVisual».
Состоит из трех частей:
Система подробно описана в прошлой статье [2].
Ориентировался на просмотр с телефона, поскольку на ПК удобнее будет пользоваться десктопным приложением.
Страничка написана на современном стеке (React + Redux, оформление Boostrap).
На старых планшетах и телефонах не пойдет.
Здесь:
Страничка передается по http, позже сделаю https. Пока для защиты можете воспользоваться сторонним ПО, чем то типа stunnel, например.
Подробно не стал показывать внутреннюю кухню сервера, так как все описано в прошлой статье [2], и в мануале [3] к ПО.
1. Запустим SVMonitor, и в настройках для Web сервера укажем IP адрес и порт.
2. Заливаем такой скетч в МК:
#include <SVClient.h>
void setup() {
bool ok = svisual::connectOfCOM("client");
}
int cnt = 0;
void loop() {
svisual::addIntValue("dfv", cnt);
++cnt;
if (cnt > 10) cnt = 0;
bool odd_cnt = cnt % 2;
svisual::addBoolValue("bFW", odd_cnt );
svisual::addBoolValue("bBW", !odd_cnt );
delay(200);
}
3. Далее, нужно перезагрузить SVMonitor и заново подключить МК.
4. Теперь в SVMonitor мы должны увидеть подключенный МК:
5. Открываем браузер, в адресной строке вводим адрес указанный в настройках SVMonitor и видим следующую страничку:
Для STM32 клиент здесь [4].
Вот и все в принципе.
ПО распространяется свободно, лицензия MIT. [5]
Спасибо.
Автор: Tyiler
Источник [6]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/open-source/335975
Ссылки в тексте:
[1] проект : https://github.com/Tyill/SVisual
[2] прошлой статье: https://habr.com/ru/post/413331/
[3] мануале : https://github.com/Tyill/SVisual/tree/master/man
[4] здесь: https://github.com/burrbull/svisual-stm32f1
[5] ПО распространяется свободно, лицензия MIT. : https://github.com/Tyill/SVisual/releases/tag/1.1.4
[6] Источник: https://habr.com/ru/post/475034/?utm_campaign=475034&utm_source=habrahabr&utm_medium=rss
Нажмите здесь для печати.