Aplicación web de una sola página que muestra datos en vivo de dispositivos Lora gracias al kit Semtech Starter.
Demostración desplegada disponible en Surge
Utilizando el kit de inicio y algunos servicios basados en la web, esta aplicación web muestra datos provenientes de sus dispositivos Lora.
Siga la Guía del usuario de SEMTech para configurar los dispositivos Loramote o Nucleo Fin-Point.
Debe detener el reenviador de paquetes actual y cambiar sus archivos de configuración.
"gateway_ID": "B827EBFFFF6F8A98",
/* change with default server address/ports, or overwrite in local_conf.json */
"server_address": "mq.loriot.io",
"serv_port_up": 1780,
"serv_port_down": 1780,
Luego puede reiniciar el reenviador del paquete y verificar su salida inicial que muestra la configuración actual (ID de puerta de enlace, servidor y puerto)
Una vez que se configura la puerta de enlace, debería poder configurar su aplicación de muestra LORIOT.IO y ver los marcos de Lora.
Lo último que debe hacer es crear un canal PubNub para publicar. Luego puede configurar la aplicación LORIOT para publicar datos en PubNub (PubNub es una de las salidas posibles).
Aquí está: ¡sus dispositivos Loramote están empujando datos al servicio PubNub! Solo tiene que suscribirse al canal correcto para recibir estos datos.
Esta aplicación web se suscribe al servicio PubNub y decodifica previamente configurado y muestra datos en vivo.
Tendrá que cambiar el canal PubNub Upstream y suscribir la tecla para señalar a su cuenta PubNub. Simplemente abra, la ventana emergente para ingresar sus credenciales de Pubnub (haga clic en el icono de configuración en el pie de página de la página)
Si la carga útil del dispositivo incrusta la posición GPS del dispositivo (latitud y longitud), su marcador se colocará automáticamente en el mapa. Si el dispositivo no tiene ninguna capacidad GPS, su marcador aparecerá en una posición predeterminada. Puede controlar esta posición predeterminada configurando los valores de Longitud y Longitud de default en LocalStorage .
Primero, instale las dependencias:
npm install
Luego mire sus cambios en http: // localhost: 3333:
brunch w --server
No olvides ejecutar las pruebas
npm test
Y finalmente, despliegue en la producción:
brunch b -p
y copiar/pegar el directorio público en su directorio de servidor web o implementar con Surge y eso es todo :)
También puede usar el increíble aumento para servir a su sitio web estático:
npm install -g surge
cd public
surge
Puede simular datos de pubnub aguas arriba de los puntos finales de Lora utilizando el simulador basado en el nodo-rojo.
npm install -g node-red
npm install -g node-red-contrib-pubnub
y ejecuta el simulador:
npm run simu
Nota: Como no somos expertos en desarrollo web, se agradece cualquier comentario/ayuda/PR y estaremos encantados de agregar su nombre al archivo de contribuyentes;)