Olá pessoal.
Continuo desenvolvendo meu
projeto de visualização de tendências de dados, acrescentei a capacidade de visualizar em um navegador em tempo real. Para quem é interessante eu pergunto.
Diga brevemente qual é o projeto. Este é um sistema de software chamado "SVisual".
Consiste em três partes:
- servidor "SVMonitor", é também um monitor online;
- Cliente - uma biblioteca ou um esboço para transferir dados do MK;
- e registros de arquivamento do visualizador.
O sistema é descrito em detalhes em um
artigo anterior .
Veja imediatamente o vídeo, o que aconteceu: Eu me concentrei na visualização pelo telefone, pois seria mais conveniente usar um aplicativo de desktop em um PC.
A página está escrita em uma pilha moderna (design React + Redux, Boostrap).
Em tablets e telefones antigos, não funciona.
Diagrama funcional do software.
Aqui:
- O MK transmite dados através de uma porta COM ou Ethernet para o servidor SVMonitor, também é um servidor http.
- o usuário no navegador abre a página.
A página é transmitida via http, mais tarde farei https. Por enquanto, você pode usar software de terceiros para proteção, algo como stunnel, por exemplo.
Não mostrei em detalhes a cozinha interna do servidor, como tudo está descrito no
artigo anterior e no
manual do software.
Exemplo de uso para o Arduino.
1. Execute o SVMonitor e, nas configurações do servidor da Web, especifique o endereço IP e a porta.
2. Preencha esse esboço no 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. Em seguida, você precisa reiniciar o SVMonitor e reconectar o MK.
4. Agora, no SVMonitor, devemos ver o MK conectado:
5. Abra o navegador, digite o endereço especificado nas configurações do SVMonitor na barra de endereços e veja a seguinte página:
Este vídeo mostra todas as possibilidades de trabalhar com um gráfico em um navegador Para o STM32, o cliente está
aqui .
Isso é tudo em princípio.
O software é distribuído gratuitamente, licença MIT.Obrigada