Hola a todos
Sigo desarrollando mi
proyecto para visualizar tendencias de datos, agregué la capacidad de ver en un navegador en tiempo real. A quien es interesante le pregunto.
Diga brevemente cuál es el proyecto. Este es un sistema de software llamado "SVisual".
Consta de tres partes:
- servidor "SVMonitor", también es un monitor en línea;
- Cliente: una biblioteca o un boceto para transferir datos desde MK;
- y registros de archivos del espectador.
El sistema se describe en detalle en un
artículo anterior .
Inmediatamente vea el video, lo que sucedió: Me concentré en ver desde el teléfono, ya que sería más conveniente usar una aplicación de escritorio en una PC.
La página está escrita en una pila moderna (React + Redux, diseño Boostrap).
En tabletas y teléfonos viejos no funcionará.
Diagrama funcional del software.
Aquí:
- MK transmite datos a través de un puerto COM o Ethernet al servidor SVMonitor, también es un servidor http.
- El usuario en el navegador abre la página.
La página se transmite por http, luego haré https. Por ahora, puede usar software de terceros para protección, algo como stunnel, por ejemplo.
No mostré en detalle la cocina interna del servidor, ya que todo se describe en el
artículo anterior y en el
manual del software.
Ejemplo de uso para Arduino.
1. Ejecute SVMonitor y, en la configuración del servidor web, especifique la dirección IP y el puerto.
2. Rellene dicho boceto en MK:
#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. A continuación, debe reiniciar SVMonitor y volver a conectar el MK.
4. Ahora en SVMonitor deberíamos ver el MK conectado:
5. Abra el navegador, ingrese la dirección especificada en la configuración de SVMonitor en la barra de direcciones y vea la siguiente página:
Este video muestra todas las posibilidades de trabajar con un gráfico en un navegador Para STM32, el cliente está
aquí .
Eso es todo en principio.
El software se distribuye libremente, licencia MIT.Gracias