Skip to content

Lightstreamer/Lightstreamer-example-StockList-client-ember

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 

Lightstreamer - Basic Stock-List Demo - HTML (Ember.js) Client

A simple stocklist demo application showing integration between the Ember.js framework and the Lightstreamer JavaScript Client library.

Live Demo

screenshot

View live demo

Details

This demo displays real-time market data for ten stocks, generated by a feed simulator in a similar way to the Lightstreamer - Basic Stock-List Demo - HTML Client.

This page uses the JavaScript Client API for Lightstreamer to handle the communications with Lightstreamer Server and uses Ember.js to display the real-time data pushed by Lightstreamer Server.

A Lightstreamer Subscription is used for subscribing to the data. The onItemUpdate callback manages the update of the model that backs the application template: once a new item event comes from the server, a lookup from the local store is performed to retrieve the matching object, in order to update its attribute values according to the modified item field values. Finally, changes applied to the model will be automatically reflected by the framework in the HTML page.

The demo includes the following client-side functionalities:

  • A Subscription containing 10 items, subscribed to in MERGE mode.

In the blog post "A Simple Ember.js Demo for Lightstreamer" you can find a more in depth discussion about the integration between Ember.js and Lightstreamer.

Install

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 - Stock- List 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.
  • Download this project.
  • Get the lightstreamer.min.js file from npm or unpkg and put it in the src/js folder.
  • Deploy this demo on the Lightstreamer Server (used as Web server) or in any external Web Server. If you chose the former case, please create the folders <LS_HOME>/pages/demos/EmberDemo then copy there 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:8080", "DEMO");

in lsClient.js and change it accordingly.

  • RequireJS, Ember.js (and all its dependencies) are currently hot-linked in the HTML page: you may want to replace them with a local version and/or upgrade ther version

The demo is now ready to be launched.

See Also

Lightstreamer Adapters Needed by This Demo Client

Related Projects

Lightstreamer Compatibility Notes

  • Compatible with Lightstreamer JavaScript Client library version 6.0 or newer (installation instructions for version 8.0 or newer).

About

Simple integration between Lightstreamer and EmberJS framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published