OXRS IO TouchPanel WEB APP

This is work in progress

Web app version of the OXRS IO TouchPanel, which aims to mirror functionality for use within a web browser.

Caveats

The NodeJS paho-mqtt library does not support self-signed TLS certificates. Solutions:

Broker	Browser	Hosting
CA-signed certificate	HTTPS	https://touch.oxrs.io/
TLS disabled	HTTP	Self hosted, see below

Usage

Documentation found here for the mqtt payloads.

Enabling web-sockets

Websocket support on the MQTT broker is required for MQTT communication within a browser. Here's a tutorial for Mosquitto.

Serving via node-red

See Node Red's example on serving local files

You'll need to serve 4 files, located in the dist directory of this repo:

• index.html content-type: text/html; charset=utf-8
• /assets/index.js content-type: application/javascript
• /assets/TemplateView.css content-type: text/css
• /assets/TemplateView.js content-type: application/javascript

Deep link to specific screen on load

This web app is a single page application (SPA), as such the URLs generated during use do not exist until the app has fully loaded. However you can load the app with a URL param to set the specific screen once loaded. Eg https://touch.oxrs.io/?screen=X X being the screen ID