Exchange Documentation
Data Stream Documentation

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');
});