Що мені потрібно зробити, щоб мій Raspberry Pi розмістив веб-сторінку з циферблатами, що вказують температуру процесора, завантаження процесора тощо в реальному часі?

Мені добре з командами та сценаріями Unix, але в мене майже немає досвіду роботи в Інтернеті. У мене є сценарій, який захоплює показники, які мене цікавлять, як завантаження процесора або системний темп та оновлює файл кожні 10 секунд. Я хотів би вказати свій iPad на локальний веб-сайт, розміщений моїм Raspberry Pi, який має в режимі реального часу графічне оновлення цих даних.

Я працював перед тим, як створити простий веб-сервер Apache, і я можу писати HTML та JavaScript. Крім того, я загублений і потребую, щоб хтось вказував мене в правильному напрямку.

Для цього я використовую Grafana з InfluxDB на своєму Raspberry Pi 3. Вони обидва відносно прості в налаштуванні та підключенні один до одного. Вони навіть добре працюють у контейнерах Docker на Raspberry Pi.

Я передаю всі свої оновлення в InfluxDB по мірі їх створення. Тоді Графана виконує всю графічну роботу, демонструючи їх у приємному візуальному форматі. Я створив просту інформаційну панель саме для свого старого iPad з його меншим екраном.

Це звучить як багато встановлення та накладних витрат, але це впевнено виглядає красиво.

Для легкої та дуже простої інформаційної панелі веб-моніторингу для налаштування (та розширення) сторінки моніторингу на вашій малині ви отримали RPi Monitor .

Він постачається з деякими за замовчуванням, і конфігурація в основному редагує пару простих текстових файлів. Я легко налаштував це для додавання графіків вологості з DTH21.

Для програм у режимі реального часу в Інтернеті найкращим інструментом є WebSocket . Зазвичай вони реалізовані на сервері додатків, а не на веб-сервері, але Apache забезпечує спосіб проксі-веб-розетки. Це може легко забезпечити оновлення в секунду або підсекунд.

Бібліотека, яку ви використовуєте на сервері додатків, залежить від того, якою веб-платформою ви хочете користуватися, але, наприклад, популярною для Node.js є Socket.IO.

На стороні клієнта ви можете встановити таке з'єднання:

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

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

На стороні сервера з Node.js за допомогою основної бібліотеки WebSocket:

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);
  });
});

Ви також можете подивитись на Node-RED https://nodered.org Поставляється на Raspbian

Ось приладова панель, яку я побудував

Я використовую phpSysInfo для моніторингу всіх моїх серверів / комп'ютерів Linux, і мені дуже подобається, як це просто. Налаштування також дуже легко зрозуміти, і ви можете встановити власну частоту оновлення.

Якщо ви хочете кодувати в C або C ++, ви можете використовувати якусь бібліотеку серверів HTTP, наприклад libonion або Wt, щоб кодувати ваш спеціалізований сервер HTTP (можливо, використовуючи sqlite для бази даних). Тоді ви повинні добре зрозуміти протокол HTTP (включаючи файли cookie HTTP та заголовки HTTP ) та HTML5 .

Ви можете використовувати методи Ajax та WebSocket (WebSockets підтримуються libonion & Wt; Ajax надає звичайні HTTP-запити, ініційовані кодом JavaScript, що працює у клієнтському браузері). Ви можете використовувати полотно HTML5 та / або SVG для графіки. Ви можете виявити корисні деякі веб-рамки HTML5 ; більшість із них використовують Javascript, DOM, HTML5, ....