Eine einseitige Webanwendung mit Live -Daten von LORA -Geräten dank des Semtech Starter Kit.
Bereitstellte Demo, die auf Anstieg verfügbar sind
Mit dem Starter -Kit und einigen webbasierten Diensten zeigt diese Web -App Daten an, die von Ihren LORA -Geräten stammen.
Befolgen Sie die SemTech-Benutzerhandbuch, um die Endpunktgeräte Loramote oder Nucleo einzurichten.
Sie müssen den aktuellen Paketspediteur stoppen und seine Konfigurationsdateien ändern.
"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,
Sie können dann den Paketwähren neu starten und die anfängliche Ausgabe überprüfen, die die aktuellen Einstellungen anzeigt (Gateway -ID, Server und Port), die angezeigt werden.
Sobald das Gateway konfiguriert ist, sollten Sie in der Lage sein, Ihre Muster -App von Loriot.io einzurichten und die Lora -Frames zu sehen.
Das Letzte, was Sie tun können, ist, einen Pubnub -Kanal zu erstellen, an den Sie veröffentlichen können. Sie können dann die Loriot -App so konfigurieren, dass Daten in PubNub veröffentlicht werden (PubNub ist einer der möglichen Ausgänge).
Hier sind Sie: Ihre Loramote -Geräte drücken Daten in den PubNub -Dienst! Sie müssen nur den richtigen Kanal abonnieren, um diese Daten zu empfangen.
Diese Web -App zeichnet sich für den zuvor konfigurierten PubNub -Dienst ab und entschlüsselt und zeigt Live -Daten an.
Sie müssen den Pubnub -Upstream -Kanal ändern und den Schlüssel abonnieren, um auf Ihr Pubnub -Konto zu verweisen. Öffnen Sie einfach das Popup -Fenster, um Ihre PubNub -Anmeldeinformationen einzugeben (klicken Sie auf das Setup -Symbol in der Fußzeile der Seite).
Wenn die Geräte -Nutzlast die GPS -Position des Geräts (Breitengrad und Länge) einbettet, wird seine Markierung automatisch auf der Karte positioniert. Wenn das Gerät keine GPS -Fähigkeit hat, wird sein Marker in einer Standardposition angezeigt. Sie können diese Standardposition steuern, indem Sie die Standardwerte für Standard- und Standardlongs in LocalStorage einstellen.
Installieren Sie zunächst die Abhängigkeiten:
npm install
Sehen Sie sich dann Ihre Änderungen unter http: // localhost: 3333 an:
brunch w --server
Vergessen Sie nicht, die Tests durchzuführen
npm test
Und schließlich für die Produktion einsetzen:
brunch b -p
und kopieren/fügen Sie das öffentliche Verzeichnis in Ihr Webserver -Verzeichnis oder stellen Sie sie mit Surge ein und das ist es :) :)
Sie können auch den erstaunlichen Anstieg verwenden, um Ihre statische Website zu bedienen:
npm install -g surge
cd public
surge
Sie können vorgelagerte Pubnub-Daten von LORA-Endpunkten mit dem notenroten Simulator simulieren.
npm install -g node-red
npm install -g node-red-contrib-pubnub
und führen Sie den Simulator aus:
npm run simu
Hinweis: Da wir keine Webentwicklungsexperten sind, wird ein Kommentar/eine Hilfe/PR geschätzt und wir werden gerne Ihren Namen zur Datei der Mitwirkenden hinzufügen.)