Lightstreamer - Round-Trip Demo - HTML Client
This project includes a simple web client front-end example for the Lightstreamer - Round-Trip Demo - Java Adapter.
You will type some text in a browser and see it appear in real-time on another browser.
The grid to the bottom reports the originating IP address and the timestamp of the last change applied to each item.
Note: When you publish a value, your IP address is publicly displayed.
The demo includes the following client-side functionalities:
- A Subscription containing 5 items, subscribed to in MERGE mode feeding a StaticGrid.
- The messages are sent to the Lightstreamer Server using the LightstreamerClient.sendMessage utility.
If you want to install a version of this demo pointing to your local Lightstreamer Server, follow these steps:
- Note that, as prerequisite, the Lightstreamer - Round-Trip Demo - Java Adapter has to be deployed on your local Lightstreamer Server instance. Please check out that project and follow the installation instructions provided with it.
- Launch Lightstreamer Server.
- Get the
lightstreamer.min.jsfile from npm or unpkg and put it in the
src/jsfolder of the demo (if that is the case, please create it). Alternatively, you can generate a customized lightstreamer.min.js library containing only the classes you actually use; see the build instructions on the GitHub page. In that case, be sure to include the LightstreamerClient, Subscription, StaticGrid, ConnectionSharing, and StatusWidget modules.
- Get the
require.jsfile form requirejs.org and put it in the
src/jsfolder of the demo.
You can deploy this demo to use the Lightstreamer server as Web server or in any external Web Server you are running.
If you choose the former case, please create the folders
<LS_HOME>/pages/demos/RoundTripDemo then copy here the contents of the
src folder of this project.
The client demo configuration assumes that Lightstreamer Server, Lightstreamer Adapters, and this client are launched on the same machine. If you need to target a different Lightstreamer server, please search this line:
var lsClient = new LightstreamerClient(protocolToUse+"//localhost:"+portToUse,"ROUNDTRIPDEMO");
js/lsClient.js file and change it accordingly.
The demo is now ready to be launched.
Lightstreamer Adapters Needed by This Demo Client
Lightstreamer Compatibility Notes