loraboard

Demo Dashboard Lora

Aplikasi Web Halaman Tunggal Menampilkan Data Langsung Dari Perangkat Lora Berkat Semtech Starter Kit.

Demo yang dikerahkan tersedia di Surge

Perangkat yang didukung

• Perangkat Loramote dari Starter Kit Semtech
• Perangkat Nukleo dari Starter Kit Semtech

Ringkasan

Menggunakan starter kit dan beberapa layanan berbasis web, aplikasi web ini menampilkan data yang berasal dari perangkat LORA Anda.

Pengaturan

Lora End-Points

Ikuti Panduan Pengguna Semtech untuk mengatur perangkat titik akhir Loramote atau Nucleo.

Lora Gateway

Anda harus menghentikan Paket Forwarder saat ini dan mengubah file konfigurasinya.

• Di local.conf, ubah ID gateway
• Di Global.conf, ubah ID gateway, arahkan ke Loriot Service dan pastikan bahwa nilai port benar:

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

Anda kemudian dapat memulai ulang paket Forwarder dan memeriksa output awal yang menampilkan pengaturan saat ini (ID Gateway, Server, dan Port)

Layanan Loriot dan Pubnub

Setelah gateway dikonfigurasi, Anda harus dapat mengatur aplikasi sampel loriot.io Anda dan melihat bingkai lora di dalamnya.

Hal terakhir yang harus dilakukan adalah membuat saluran pubnub untuk diterbitkan. Anda kemudian dapat mengonfigurasi aplikasi Loriot untuk mempublikasikan data ke PubNub (PubNub adalah salah satu output yang mungkin).

Inilah Anda: Perangkat loramote Anda mendorong data ke layanan pubnub! Anda hanya perlu berlangganan saluran yang benar untuk menerima data ini.

Aplikasi Web

Aplikasi web ini berlangganan layanan PubNub yang dikonfigurasi sebelumnya dan dekode dan menampilkan data langsung.

Anda harus mengubah saluran hulu pubnub dan berlangganan tombol untuk menunjuk ke akun pubnub Anda. Cukup buka, jendela popup untuk memasukkan kredensial pubnub Anda (klik ikon pengaturan di footer halaman)

Posisi titik akhir

Jika payload perangkat menanamkan posisi GPS perangkat (lintang dan bujur), penanda akan diposisikan secara otomatis pada peta. Jika perangkat tidak memiliki kemampuan GPS, penanda akan muncul di posisi default. Anda dapat mengontrol posisi default ini dengan mengatur nilaiLatitude dan nilai -nilai DefaultLongitude di LocalStorage .

Pengembang

Pertama, instal dependensi:

 npm install

Kemudian saksikan perubahan Anda di http: // localhost: 3333:

 brunch w --server

Jangan lupa untuk menjalankan tes

 npm test

Dan akhirnya, berikan produksi:

 brunch b -p

dan menyalin/menempel direktori publik ke direktori server web Anda atau menggunakan lonjakan dan hanya :)

Anda juga dapat menggunakan lonjakan luar biasa untuk melayani situs web statis Anda:

 npm install -g surge
cd public
surge

Simulator

Anda dapat mensimulasikan data pubnub hulu dari titik akhir Lora menggunakan simulator berbasis node-merah.

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

dan jalankan simulator:

 npm run simu

Catatan: Karena kami bukan pakar pengembangan web, komentar/bantuan/PR apa pun dihargai dan kami akan dengan senang hati menambahkan nama Anda ke file kontributor;)