loraboard

ロラダッシュボードデモ

SemTechスターターキットのおかげで、LORAデバイスからライブデータを表示するシングルページWebアプリケーション。

サージで利用可能なデモを展開しました

サポートされているデバイス

• SemtechのスターターキットのLoramoteデバイス
• SemtechのスターターキットのNucleoデバイス

概要

スターターキットといくつかのWebベースのサービスを使用して、このWebアプリには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サンプルアプリをセットアップして、ローラフレームがconるのを見ることができるはずです。

最後にすべきことは、公開するPubNubチャンネルを作成することです。その後、LorioTアプリを構成してPubnubにデータを公開できます（Pubnubは可能な出力の1つです）。

ここにあります：あなたのLoramoteデバイスはPubNubサービスにデータをプッシュしています！このデータを受信するには、正しいチャネルを購読するだけです。

Webアプリケーション

このWebアプリは、以前に構成されたPubNubサービスとデコードを登録し、ライブデータを表示します。

Pubnubの上流チャネルを変更し、キーを購読してPubnubアカウントを指す必要があります。 Pubnub資格情報を入力するためのポップアップウィンドウを開くだけです（ページのフッターのセットアップアイコンをクリックしてください）

エンドポイントの位置

デバイスのペイロードがデバイスGPSの位置（緯度と経度）を埋め込む場合、そのマーカーはマップ上に自動的に配置されます。デバイスにGPS機能がない場合、そのマーカーはデフォルトの位置に表示されます。 LocalStorageでDefaultLatitudeとDefaultLongitude値を設定することにより、このデフォルトの位置を制御できます。

開発者

まず、依存関係をインストールします。

 npm install

次に、http：// localhost：3333で変更をご覧ください：

 brunch w --server

テストを実行することを忘れないでください

 npm test

そして最後に、生産に展開します。

 brunch b -p

パブリックディレクトリをWeb Serverディレクトリにコピー/貼り付けたり、サージして展開したりして、それだけです:)

驚くべきサージを使用して、静的なWebサイトにサービスを提供することもできます。

 npm install -g surge
cd public
surge

シミュレータ

ノードレッドベースのシミュレーターを使用して、LORAエンドポイントから上流のpubnubデータをシミュレートできます。

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

シミュレータを実行します。

 npm run simu

注：私たちはWeb開発の専門家ではないため、コメント/ヘルプ/PRが高く評価されており、貢献者ファイルにあなたの名前を追加して喜んでいます。）