Tôi cần làm gì để Raspberry Pi lưu trữ một trang web với các mặt số cho biết nhiệt độ CPU, tải CPU, v.v., trong thời gian thực?

Tôi tốt với các lệnh và kịch bản Unix, nhưng tôi gần như không có kinh nghiệm web. Tôi có một tập lệnh lấy các số liệu tôi quan tâm, như tải CPU hoặc tạm thời hệ thống và cập nhật tệp sau mỗi 10 giây. Tôi muốn trỏ iPad của mình đến một trang web địa phương được lưu trữ bởi Raspberry Pi, có biểu diễn đồ họa cập nhật theo thời gian thực của dữ liệu này.

Tôi đã làm việc trước khi thiết lập một máy chủ web Apache đơn giản và tôi có thể viết HTML và JavaScript. Bên cạnh đó, tôi đang lạc lối và cần một người chỉ cho tôi đi đúng hướng.

Tôi sử dụng Grafana với InfluxDB cho điều này trên Raspberry Pi 3. Cả hai đều tương đối dễ cài đặt và kết nối với nhau. Chúng thậm chí hoạt động tốt trong các container Docker trên Raspberry Pi.

Tôi truyền tất cả các cập nhật của mình vào InfluxDB khi chúng được tạo. Sau đó, Grafana thực hiện tất cả các công việc đồ họa hiển thị chúng ở định dạng trực quan đẹp. Tôi đã thiết kế một bảng điều khiển đơn giản chỉ dành cho iPad cũ của tôi với màn hình nhỏ hơn.

Nghe có vẻ như rất nhiều cài đặt và chi phí chung, nhưng nó chắc chắn trông khá đẹp.

Để có bảng điều khiển giám sát web nhẹ và rất dễ dàng để thiết lập (và mở rộng) trang theo dõi trên Raspberry của bạn, bạn đã có RPi Monitor .

Nó đi kèm với một số mặc định và cấu hình chủ yếu là chỉnh sửa một vài tệp văn bản đơn giản. Tôi dễ dàng cấu hình nó để thêm đồ thị độ ẩm từ DTH21.

Đối với các ứng dụng thời gian thực trên web, công cụ tốt nhất là WebSocket . Thông thường, những thứ này được triển khai trong máy chủ ứng dụng, không phải máy chủ web, nhưng Apache cung cấp một cách để websockets proxy. Điều này có thể dễ dàng cung cấp cập nhật mỗi giây hoặc giây.

Thư viện nào bạn sử dụng trên máy chủ ứng dụng phụ thuộc vào nền tảng web bạn muốn sử dụng, nhưng ví dụ: thư viện phổ biến cho Node.js là Socket.IO.

Về phía khách hàng, bạn có thể thiết lập kết nối như thế này:

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

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

Về phía máy chủ với Node.js bằng thư viện WebSocket cơ bản:

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

Bạn cũng có thể xem Node-RED https://nodered.org Nó có sẵn trên Raspbian

Đây là bảng điều khiển tôi đã xây dựng

Tôi sử dụng phpSysInfo để giám sát tất cả các máy chủ / máy tính Linux của tôi và tôi thực sự thích nó đơn giản như thế nào. Các cài đặt cũng rất dễ hiểu và bạn có thể đặt tốc độ làm mới của riêng mình.

Nếu bạn muốn mã bằng C hoặc C ++, bạn có thể sử dụng một số thư viện máy chủ HTTP như libonion hoặc Wt để mã hóa máy chủ HTTP chuyên dụng của bạn (có thể sử dụng sqlite cho cơ sở dữ liệu). Sau đó, bạn nên hiểu rõ giao thức HTTP (bao gồm cookie HTTP và tiêu đề HTTP ) và HTML5 .

Bạn có thể muốn sử dụng các kỹ thuật Ajax và WebSocket (WebSockets được hỗ trợ bởi libonion & Wt, Ajax cung cấp các yêu cầu HTTP thông thường được khởi tạo bởi mã JavaScript chạy trong trình duyệt máy khách). Bạn có thể sử dụng canvas HTML5 và / hoặc SVG cho đồ họa. Bạn có thể thấy một số khung web HTML5 hữu ích; hầu hết trong số họ đang sử dụng Javascript, DOM, HTML5, ....