loraboard
v0.5.5
เว็บแอปพลิเคชันหน้าเดียวที่แสดงข้อมูลสดจากอุปกรณ์ LORA ด้วยชุด Semtech Starter
มีการสาธิตที่มีอยู่ใน Surge
ด้วยการใช้ชุดเริ่มต้นและบริการบนเว็บแอปแอพนี้แสดงข้อมูลที่มาจากอุปกรณ์ LORA ของคุณ
ทำตามคู่มือผู้ใช้ Semtech เพื่อตั้งค่าอุปกรณ์ Loramote หรือ Nucleo End-Point
คุณต้องหยุดการส่งต่อแพ็กเก็ตปัจจุบันและเปลี่ยนไฟล์การกำหนดค่า
"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,
จากนั้นคุณสามารถรีสตาร์ท Packet Forwarder และตรวจสอบเอาต์พุตเริ่มต้นซึ่งแสดงการตั้งค่าปัจจุบัน (Gateway ID, Server และ Port)
เมื่อกำหนดค่าเกตเวย์คุณควรตั้งค่าแอปตัวอย่าง loriot.io ของคุณและดูเฟรม LORA ที่เข้าร่วม
สิ่งสุดท้ายที่ต้องทำคือการสร้างช่อง PubNub เพื่อเผยแพร่ จากนั้นคุณสามารถกำหนดค่าแอพ Loriot เพื่อเผยแพร่ข้อมูลไปยัง PubNub (PubNub เป็นหนึ่งในเอาต์พุตที่เป็นไปได้)
ที่นี่คุณคือ: อุปกรณ์ Loramote ของคุณกำลังผลักดันข้อมูลไปยังบริการ PubNub! คุณเพียงแค่สมัครสมาชิกช่องที่ถูกต้องเพื่อรับข้อมูลนี้
เว็บแอปนี้สมัครรับบริการ PubNub ที่กำหนดไว้ก่อนหน้านี้และถอดรหัสและแสดงข้อมูลสด
คุณจะต้องเปลี่ยน ช่องทางอัปสตรีม PubNub และสมัครสมาชิก เพื่อชี้ไปที่บัญชี PubNub ของคุณ เพียงเปิดหน้าต่างป๊อปอัปเพื่อป้อนข้อมูลรับรอง PubNub ของคุณ (คลิกที่ไอคอนการตั้งค่าในส่วนท้ายของหน้า)
หากอุปกรณ์น้ำหนักบรรทุกฝังตำแหน่ง GPS ของอุปกรณ์ (ละติจูดและลองจิจูด) เครื่องหมายของมันจะถูกจัดตำแหน่งโดยอัตโนมัติบนแผนที่ หากอุปกรณ์ไม่มีความสามารถใด ๆ ของ GPS เครื่องหมายของมันจะปรากฏในตำแหน่งเริ่มต้น คุณสามารถควบคุมตำแหน่งเริ่มต้นนี้ได้โดยการตั้งค่าค่า เริ่มต้น และค่า เริ่มต้นความยาว ใน localStorage
ขั้นแรกให้ติดตั้งการพึ่งพา:
npm install
จากนั้นดูการเปลี่ยนแปลงของคุณที่ http: // localhost: 3333:
brunch w --server
อย่าลืมเรียกใช้การทดสอบ
npm test
และในที่สุดนำไปใช้ในการผลิต:
brunch b -p
และคัดลอก/วางไดเรกทอรีสาธารณะไปยังไดเรกทอรีเว็บเซิร์ฟเวอร์ของคุณหรือปรับใช้ด้วย Surge และนั่นคือ :)
นอกจากนี้คุณยังสามารถใช้ Surge ที่น่าตื่นตาตื่นใจเพื่อให้บริการเว็บไซต์คงที่ของคุณ:
npm install -g surge
cd public
surge
คุณสามารถจำลองข้อมูล upstream pubnub จากจุดสิ้นสุด Lora โดยใช้ตัวจำลองตามโหนด-แดง
npm install -g node-red
npm install -g node-red-contrib-pubnub
และเรียกใช้เครื่องจำลอง:
npm run simu
หมายเหตุ: เนื่องจากเราไม่ใช่ผู้เชี่ยวชาญด้านการพัฒนาเว็บความคิดเห็น/ความช่วยเหลือใด ๆ จะได้รับการชื่นชมและเรายินดีที่จะเพิ่มชื่อของคุณลงในไฟล์ผู้มีส่วนร่วม;)
