IoT & Dashboard · Red Local

Panel MQTT de Taller

Orden real para la biblioteca de medios de WordPress.

Cuadro de mando en red de área local para supervisión de consumos energéticos, temperatura ambiente y estado de ventilación en el laboratorio de desarrollo.

WordPress & REST API Código en producción
Rol Arquitectura & Desarrollo
Stack PHP 8.3 · WordPress · REST API
Peso Frontend < 18 KB CSS/JS
Licencia GPL-2.0-or-later / Open Source
Estado En Producción · Galicia
El Desafío / Problema
Depender de paneles en la nube para controlar máquinas de taller físico envía información confidencial fuera del local y deja de funcionar si la conexión a internet cae. Los graficadores pesados basados en SVG colapsan el navegador cuando se reciben miles de paquetes por segundo.
Nuestra Solución
Arquitectura 100% contenida en la red de área local: broker Mosquitto en un mini-ordenador del taller y cliente Node.js que transmite deltas vía WebSockets. Renderizado en Canvas HTML5 de alto rendimiento capaz de trazar millones de puntos continuos con consumo insignificante de memoria.
telemetry-stream.js
const mqtt = require("mqtt");
const WebSocket = require("ws");

const client = mqtt.connect("mqtt://192.168.1.50");
const wss = new WebSocket.Server({ port: 8088 });

client.on("connect", () => {
  client.subscribe("workshop/+/telemetry");
});

client.on("message", (topic, message) => {
  const payload = message.toString();
  wss.clients.forEach((ws) => {
    if (ws.readyState === WebSocket.OPEN) ws.send(payload);
  });
});

Métricas & Rendimiento de Ingeniería

100/100

Lighthouse Score

Máxima puntuación en Rendimiento, Accesibilidad y Mejores Prácticas.

12.4 KB

Bundle CSS/JS

Carga ultraligera sin frameworks pesados ni scripts bloqueantes.

0 ms

Layout Shifts (CLS)

Estabilidad visual perfecta con reservas de espacio y aspect ratios.

A+

Seguridad & Headers

Auditoría CSP estricta y protección contra inyecciones y XSS.