Infraestructura de red LoRaWAN

1¿Cómo viaja un dato desde el sensor hasta tu pantalla?

Cada vez que llegue una trama verás un paquete naranja recorriendo la cadena. Las líneas se animan en verde cuando tu navegador está conectado al broker.

2Configura la conexión con el broker

Un navegador no puede abrir conexiones TCP directas, por eso usa MQTT sobre WebSocket (ws:// o wss://). ¿No tienes un broker a mano? Pulsa Modo demo y la página simulará tramas reales de TTN.

Sin eventos aún.

3Panel en tiempo real

Todo se actualiza solo en cuanto llega un mensaje: no hace falta recargar la página.

4Anatomía de la última trama

Así se descompone un mensaje de The Things Network: el topic dice de quién es, el frm_payload son los bytes crudos que envió el sensor y el decoded_payload es el resultado de aplicar el decodificador (payload formatter) de la aplicación.

5Gráficas de los datos decodificados

Elige una variable del decoded_payload: se dibuja una línea por cada dispositivo. Las variables aparecen solas en el desplegable a medida que llegan.

6Tramas capturadas

Cada fila indica el gateway por el que salió la trama (📡) y cuántos gateways más la oyeron. Pulsa una trama para ver todos los gateways y el JSON completo.

7Conceptos clave

function decodeUplink(input) {
  const b = input.bytes;
  // bytes 0-1: temperatura × 100 (entero con signo)
  let t = (b[0] << 8) | b[1];
  if (t > 32767) t -= 65536;
  return {
    data: {
      temperature: t / 100,          // °C
      humidity: b[2] / 2,            // %  (byte 2)
      battery: ((b[3] << 8) | b[4]) / 1000  // V
    }
  };
}