تطبيق ويب صفحة واحدة يعرض البيانات الحية من أجهزة Lora بفضل مجموعة Semtech Starter Kit.
تم نشر العرض التوضيحي المتاح على الطفرة
باستخدام مجموعة Starter وبعض الخدمات المستندة إلى الويب ، يعرض تطبيق الويب هذا البيانات القادمة من أجهزة Lora الخاصة بك.
اتبع دليل مستخدم Semtech لإعداد أجهزة نقطة نهاية Loramote أو Nucleo.
يجب عليك إيقاف معاشية الحزمة الحالية وتغيير ملفات التكوين الخاصة بها.
"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 Propervaler والتحقق من الإخراج الأولي الذي يعرض الإعدادات الحالية (معرف البوابة والخادم والمنفذ)
بمجرد تكوين البوابة ، يجب أن تكون قادرًا على إعداد تطبيق عينة Loriot.io ورؤية إطارات Lora.
آخر شيء فعله هو إنشاء قناة PubNub لنشرها. يمكنك بعد ذلك تكوين تطبيق Loriot لنشر البيانات إلى PubNub (PubNub هي واحدة من المخرجات المحتملة).
هنا أنت: أجهزة Loramote الخاصة بك تدفع البيانات إلى خدمة PubNub! عليك فقط الاشتراك في القناة الصحيحة لتلقي هذه البيانات.
يشترك تطبيق الويب هذا في خدمة PubNub التي تم تكوينها مسبقًا وفك تشفير البيانات الحية.
سيتعين عليك تغيير قناة PubNub Opstream واشتراك مفتاح الإشارة إلى حساب PubNub الخاص بك. فقط افتح ، نافذة المنبثقة لإدخال بيانات اعتماد PubNub الخاصة بك (انقر فوق أيقونة الإعداد في تذييل الصفحة)
إذا قام حمولة الجهاز بتضمين موضع GPS للجهاز (خط العرض وخط الطول) ، فسيتم وضع علامةه تلقائيًا على الخريطة. إذا لم يكن للجهاز أي قدرة GPS ، فستظهر علامةه في موضع افتراضي. يمكنك التحكم في هذا الموضع الافتراضي عن طريق تعيين قيم DefaultLatitude و DefaultLongitude في LocalStorage .
أولاً ، قم بتثبيت التبعيات:
npm install
ثم شاهد التغييرات الخاصة بك على http: // localhost: 3333:
brunch w --server
لا تنسى إجراء الاختبارات
npm test
وأخيرا ، نشر على الإنتاج:
brunch b -p
ونسخ/لصق الدليل العام إلى دليل خادم الويب الخاص بك أو نشره مع زيادة وهذا كل شيء :)
يمكنك أيضًا استخدام الزيادة المذهلة لخدمة موقع الويب الثابت الخاص بك:
npm install -g surge
cd public
surge
يمكنك محاكاة بيانات PubNub المنبع من نقاط نهاية Lora باستخدام محاكاة Node-Red.
npm install -g node-red
npm install -g node-red-contrib-pubnub
وتشغيل المحاكاة:
npm run simu
ملاحظة: نظرًا لأننا لسنا خبراء في تطوير الويب ، فإن أي تعليق/مساعدة/PR هو موضع تقدير وسنكون سعداء بإضافة اسمك إلى ملف المساهمين ؛)