loraboard

로라 대시 보드 데모

Semtech Starter Kit 덕분에 LORA 장치의 라이브 데이터 표시를 표시하는 단일 페이지 웹 응용 프로그램.

Surge에서 사용 가능한 데모를 배포했습니다

지원되는 장치

• Semtech의 스타터 키트의 Loramote 장치
• Semtech의 스타터 키트의 Nucleo 장치

개요

스타터 키트와 일부 웹 기반 서비스를 사용 하여이 웹 앱은 LORA 장치에서 나오는 데이터를 표시합니다.

설정

로라 엔드 포인트

Semtech 사용자 안내서를 따라 Loramote 또는 Nucleo 엔드 포인트 장치를 설정하십시오.

로라 게이트웨이

현재 패킷 전달기를 중지하고 구성 파일을 변경해야합니다.

• Local.conf에서 게이트웨이 ID를 변경하십시오
• Global.conf에서 게이트웨이 ID를 변경하고 Loriot Service를 가리키고 포트 값이 올바른지 확인하십시오.

   "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,

그런 다음 패킷 전달기를 다시 시작하고 현재 설정 (게이트웨이 ID, 서버 및 포트)을 표시하는 초기 출력을 확인할 수 있습니다.

Loriot 및 Pubnub 서비스

게이트웨이가 구성되면 loriot.io 샘플 앱을 설정하고 lora 프레임을 확인할 수 있어야합니다.

마지막으로해야 할 일은 게시 할 PubNub 채널을 만드는 것입니다. 그런 다음 Loriot 앱을 구성하여 PubNub에 데이터를 게시 할 수 있습니다 (PUBNUB는 가능한 출력 중 하나입니다).

여기 있습니다 : Loramote 장치는 데이터를 PubNub 서비스로 푸시하고 있습니다! 이 데이터를 수신하려면 올바른 채널을 구독하면됩니다.

웹 응용 프로그램

이 웹 앱은 이전에 구성된 PubNub 서비스를 구독하고 라이브 데이터를 디코딩하고 표시합니다.

PubNub Upstream 채널을 변경하고 Key를 구독하여 PubNub 계정을 가리킬 수 있습니다. 팝업 창으로 팝업 창을 입력 할 수 있습니다 (페이지 바닥 글에서 설정 아이콘을 클릭하십시오).

엔드 포인트 위치

장치 페이로드가 장치 GPS 위치 (위도 및 경도)를 포함하면 마커가 맵에 자동으로 배치됩니다. 장치에 GPS 기능이 없으면 마커가 기본 위치에 나타납니다. LocalStorage 에서 기본적으로 기본 경도 및 기본 외도 값을 설정 하여이 기본 위치를 제어 할 수 있습니다.

개발자

먼저 종속성을 설치하십시오.

 npm install

그런 다음 http : // localhost : 3333에서 변경 사항을 확인하십시오.

 brunch w --server

테스트를 실행하는 것을 잊지 마십시오

 npm test

마지막으로 생산에 배치하십시오.

 brunch b -p

공개 디렉토리를 웹 서버 디렉토리에 복사/붙여 넣기 또는 Surge와 함께 배포하십시오. :)

Amazing Surge를 사용하여 정적 웹 사이트에 서비스를 제공 할 수도 있습니다.

 npm install -g surge
cd public
surge

모의 실험 장치

노드 레드 기반 시뮬레이터를 사용하여 LORA 엔드 포인트에서 업스트림 PUBNUB 데이터를 시뮬레이션 할 수 있습니다.

 npm install -g node-red
npm install -g node-red-contrib-pubnub

시뮬레이터를 실행하십시오.

 npm run simu

참고 : 우리는 웹 개발 전문가가 아니기 때문에 의견/도움말/PR에 감사 드리며 기꺼이 귀하의 이름을 기꺼이 기꺼이 추가 할 것입니다.)