Aplicativo da Web de página única exibindo dados ao vivo de dispositivos LORA, graças ao kit de partida semtech.
Demoção implantada disponível no Surge
Usando o kit inicial e alguns serviços baseados na Web, este aplicativo da Web exibe dados provenientes de seus dispositivos LORA.
Siga o Guia do Usuário do Semtech para configurar os dispositivos Loramote ou Nucleo End-Point.
Você deve interromper o encaminhador de pacotes atual e alterar seus arquivos de configuração.
"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,
Em seguida, você pode reiniciar o encaminhador de pacotes e verificar sua saída inicial, que exibe as configurações atuais (ID do gateway, servidor e porta)
Depois que o gateway estiver configurado, você poderá configurar seu aplicativo de amostra Loriot.io e ver os quadros de Lora em andamento.
A última coisa a fazer é criar um canal Pubnub para publicar. Em seguida, você pode configurar o aplicativo Loriot para publicar dados no Pubnub (o Pubnub é uma das saídas possíveis).
Aqui está você: Seus dispositivos Loramote estão empurrando dados para o serviço Pubnub! Você só precisa se inscrever no canal correto para receber esses dados.
Este aplicativo da web assina o serviço Pubnub configurado anteriormente e decodifica e exibe dados ao vivo.
Você terá que alterar o canal Pubnub a montante e assinar a chave para apontar para sua conta do Pubnub. Basta abrir, a janela pop -up para inserir suas credenciais do pubnub (clique no ícone de configuração no rodapé da página)
Se a carga útil do dispositivo incorporar a posição GPS do dispositivo (latitude e longitude), seu marcador será posicionado automaticamente no mapa. Se o dispositivo não tiver nenhum recurso de GPS, seu marcador aparecerá em uma posição padrão. Você pode controlar essa posição padrão definindo valores de defaultLatitude e defaultLongitude no localStorage .
Primeiro, instale as dependências:
npm install
Em seguida, assista às suas alterações em http: // localhost: 3333:
brunch w --server
Não se esqueça de executar os testes
npm test
E finalmente, implante na produção:
brunch b -p
e copie/cole o diretório público no diretório do seu servidor da web ou implante com o Surge e é isso :)
Você também pode usar o aumento incrível para servir seu site estático:
npm install -g surge
cd public
surge
Você pode simular os dados do pubnub a montante dos pontos finais do LORA usando o simulador baseado em nó-vermelho.
npm install -g node-red
npm install -g node-red-contrib-pubnub
e execute o simulador:
npm run simu
NOTA: Como não somos especialistas em desenvolvimento da web, qualquer comentário/ajuda/PR é apreciado e ficaremos felizes em adicionar seu nome ao arquivo dos colaboradores;)