STEP 1. Refer these JS in your HTML page
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.2.min.js"></script>
STEP 2. Make a connection to the dataTickerHub
var connection = $.hubConnection('https://node1.moonbit.com');
var dataTickerHubProxy = connection.createHubProxy('dataTickerHub');
STEP 3. Bind the event listener needed.
dataTickerHubProxy.on('pushDataAllBuy', function (data) {
console.log('\n--- get raw BUY Side (BIDs) order book ---');
console.table(data);
});
dataTickerHubProxy.on('pushDataAllSell', function (data) {
console.log('\n--- get raw SELL side (ASKs) order book ---');
console.table(data);
});
dataTickerHubProxy.on('pushDataAllChart', function (data) {
console.log('\n--- gets chart data ----');
console.table(data);
});
dataTickerHubProxy.on('pushDataAllMatched', function (data) {
console.log('\n--- gets historical matched orders ----');
console.table(data);
});
dataTickerHubProxy.on('pushDataAllMarket', function (data) {
console.log('\n---- get Market Data (initial load) ---');
console.table(data);
});
dataTickerHubProxy.on('pushDataAllPendingOrders', function (data) {
console.log('\n--- get all open orders (BID/ASK) both---');
console.table(data);
});
dataTickerHubProxy.on('chartTicker', function (data) {
console.log('\n--- get real-time updates to chart data both---');
console.table(data);
});
STEP 4. Now last step is to start the connection and you are good to go.
connection.start().done(function () {
console.log('\n------------------------- Start the connection to the dataTickerHub ---------------------------');
dataTickerHubProxy.invoke('joinGroup', 'ETH', 'BTC');
dataTickerHubProxy.invoke('subscribeToChartTicker', 'ETH', 'BTC',1440);
dataTickerHubProxy.invoke('subscribeTo_PendingOrderData', 'USER_UNIQUE_ACCESS_TOKEN', 'TRADE_CURRENCY', 'MARKET_CURRENCY');
dataTickerHubProxy.invoke('subscribeTo_PendingOrderData_apikey', 'USER_UNIQUE_ACCESS_TOKEN', 'TRADE_CURRENCY', 'MARKET_CURRENCY');
});