Cosa devo fare per consentire al mio Raspberry Pi di ospitare una pagina Web con quadranti che indicano la temperatura della CPU, il carico della CPU, ecc., In tempo reale?

Sono bravo con i comandi e gli script Unix, ma non ho quasi nessuna esperienza web. Ho uno script che prende le metriche che mi interessano, come il carico della CPU o la temperatura del sistema e aggiorna un file ogni 10 secondi. Vorrei indirizzare il mio iPad su un sito Web locale ospitato dal mio Raspberry Pi, che presenta una rappresentazione grafica di aggiornamento in tempo reale di questi dati.

Ho lavorato prima di configurare un semplice server Web Apache e posso scrivere HTML e JavaScript. Oltre a ciò, mi sono perso e ho bisogno di qualcuno che mi indichi nella giusta direzione.

Uso Grafana con InfluxDB per questo sul mio Raspberry Pi 3. Sono entrambi relativamente facili da configurare e connettersi tra loro. Funzionano bene anche nei contenitori Docker sul Raspberry Pi.

Trasmetto in streaming tutti i miei aggiornamenti su InfluxDB man mano che vengono generati. Quindi Grafana fa tutto il lavoro grafico di visualizzarli in un bel formato visivo. Ho progettato una semplice dashboard solo per il mio vecchio iPad con il suo schermo più piccolo.

Sembra un sacco di installazione e sovraccarico, ma sicuramente sembra carino.

Per avere una dashboard di monitoraggio web leggera e molto facile da configurare (ed estendere) la pagina di monitoraggio sul tuo Raspberry hai RPi Monitor .

Viene fornito con alcune impostazioni predefinite e la configurazione sta principalmente modificando un paio di semplici file di testo. L'ho configurato facilmente per aggiungere grafici di umidità da un DTH21.

Per le applicazioni in tempo reale sul web lo strumento migliore è WebSocket . Di solito questi sono implementati nel server delle applicazioni, non nel web server, ma Apache fornisce un modo per proxy i websocket. Ciò potrebbe facilmente fornire aggiornamenti al secondo o al secondo.

La libreria utilizzata nel server delle applicazioni dipende dalla piattaforma Web che si desidera utilizzare, ma ad esempio una popolare per Node.js è Socket.IO.

Sul lato client è possibile impostare una connessione come questa:

socket = new WebSocket("ws://website.net:8282");

socket.addEventListener('message', function (event) {
    var message = event.data;
    // Code to update site
});

Sul lato server con Node.js utilizzando la libreria WebSocket di base:

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8282 });
wss.on('connection', function connection(ws) {
  dataOnUpdateEvent(function(event) {
    var data = event.getdata();
    var message = parseData(data);
    ws.send(message);
  });
});

Puoi anche dare un'occhiata a Node-RED https://nodered.org Viene fornito con Raspbian

Ecco una dashboard che ho costruito

Uso phpSysInfo per monitorare tutti i miei server / computer Linux e mi piace davvero quanto sia semplice. Le impostazioni sono anche molto facili da capire e puoi impostare la tua frequenza di aggiornamento.

Se si desidera programmare in C o C ++, è possibile utilizzare alcune librerie di server HTTP come libonion o Wt per codificare il proprio server HTTP specializzato (magari utilizzando sqlite per il database). Dovresti quindi comprendere bene il protocollo HTTP (compresi i cookie HTTP e le intestazioni HTTP ) e HTML5 .

Potresti voler usare le tecniche Ajax e WebSocket (WebSocket sono supportati da libonion e Wt, Ajax fornisce le normali richieste HTTP avviate dal codice JavaScript in esecuzione nel browser client). È possibile utilizzare canvas HTML5 e / o SVG per la grafica. Potresti trovare utili alcuni framework web HTML5 ; la maggior parte di loro utilizza Javascript, DOM, HTML5, ....