Веб -приложение для одного страницы, отображающее живые данные с устройств LORA благодаря Semtech Starter Kit.
Развернутая демонстрация, доступная на скачках
Используя стартовый комплект и некоторые веб -сервисы, это веб -приложение отображает данные, поступающие с ваших устройств Lora.
Следуйте руководству пользователя SEMTECH, чтобы настроить устройства Loramote или 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,
Затем вы можете перезапустить перемежателя пакета и проверить его начальный вывод, который отображает текущие настройки (идентификатор шлюза, сервер и порт)
После того, как шлюз настроен, вы сможете настроить приложение для образца Loriot.io и увидеть рамы Lora.
Последнее, что нужно сделать, это создать канал Pubnub для публикации. Затем вы можете настроить приложение Loriot для публикации данных в PubNub (Pubnub является одним из возможных выходов).
Вот вы: ваши устройства Loramote выдвигают данные в службу PubNub! Вам просто нужно подписаться на правильный канал, чтобы получить эти данные.
Это веб -приложение подписывается на ранее настроенную службу PubNub, декодирует и отображает живые данные.
Вам придется изменить канал PubNub вверх по течению и подписаться на ключ, чтобы указать на свою учетную запись PubNub. Просто откройте, всплывающее окно для ввода ваших учетных данных Pubnub (нажмите на значок настройки в нижнем колонтитуле страницы)
Если полезная нагрузка устройства внедряет положение GPS устройства (широта и долгота), его маркер будет автоматически расположен на карте. Если устройство не имеет никакой возможности GPS, его маркер появится в положении по умолчанию. Вы можете управлять этой позицией по умолчанию, установив значения DefaultLatitude и Defaultlongity в LocalStorage .
Во -первых, установите зависимости:
npm install
Затем посмотрите свои изменения по адресу http: // localhost: 3333:
brunch w --server
Не забудьте запустить тесты
npm test
И, наконец, развернуть в производстве:
brunch b -p
и скопировать/вставить публичный каталог в свой каталог веб -сервера или развернуть с помощью всплеска, и это все :)
Вы также можете использовать удивительный всплеск, чтобы обслуживать свой статический веб -сайт:
npm install -g surge
cd public
surge
Вы можете моделировать данные PubNub вверх по течению из конечных точек LORA, используя симулятор на основе узла-красного цвета.
npm install -g node-red
npm install -g node-red-contrib-pubnub
и запустите симулятор:
npm run simu
Примечание. Поскольку мы не являемся экспертами по веб -разработке, любой комментарий/справка/PR ценится, и мы будем рады добавить ваше имя в файл участников;)