高速公路：從推送api到網頁顯示實時流

我是新來的高速公路概念，我想了解如何將推送api的數據流直接推送到網頁中。高速公路：從推送api到網頁顯示實時流

下面的代碼給出了控制檯輸出的實時流。我想在網頁上顯示它。

var autobahn = require('autobahn'); 
var wsuri = "wss://api.poloniex.com"; 
var connection = new autobahn.Connection({ 
    url: wsuri, 
    realm: "realm1" 
}); 

connection.onopen = function (session) { 
     function marketEvent (args,kwargs) { 
       console.log(args); 
     } 
     session.subscribe('BTC_XMR', marketEvent); 

     function tickerEvent (args,kwargs) { 
       console.log(args); 
     } 
     function trollboxEvent (args,kwargs) { 
       console.log(args); 
     } 

     session.subscribe('ticker', tickerEvent); 
     session.subscribe('trollbox', trollboxEvent); 
} 

connection.onclose = function() { 
    console.log("Websocket connection closed"); 
} 

connection.open();

來源

2017-05-26 Brijit

也許node.js並不是最簡單的解決方案。您可以從GitHub鏈接下載autobahn.min.js到Autobahn | JS http://crossbar.io/autobahn/下載autobahn.min.js。只需將該文件放入您的網站目錄並像這樣使用它

<!DOCTYPE html> 
<html> 
<head> 
<script src="autobahn.min.js" ></script> 
</head> 
<div id="output"></div> 
<script> 
var connection = new autobahn.Connection({ 
          url: 'wss://api.poloniex.com', 
          realm: 'realm1' 
         }); 

connection.onopen = function (session) { 
     function marketEvent (args,kwargs) { 
       console.log(args); 
     } 
     function tickerEvent (args,kwargs) { 
       console.log(args); 
       document.getElementById("output").innerHTML=args; 
     } 
     function trollboxEvent (args,kwargs) { 
       console.log(args); 
     } 
     session.subscribe('BTC_XMR', marketEvent); 
     session.subscribe('ticker', tickerEvent); 
     session.subscribe('trollbox', trollboxEvent); 
} 
connection.onclose = function() { 
    console.log("Websocket connection closed"); 
}    
connection.open(); 
</script> 
</html>

來源

2017-05-28 09:13:17 klsx

高速公路：從推送api到網頁顯示實時流

回答

相關問題