Autobahn：push apiのライブストリームをウェブページに表示

私はautobahnの概念が新しく、プッシュAPIからウェブページにデータのライブストリームをプッシュする方法を学びたいと思っています。Autobahn：push 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は最も簡単な解決策ではありません。 Autobahn | JS http://crossbar.io/autobahn/のGitHubリンクに続いて、gitリポジトリから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

Autobahn：push apiのライブストリームをウェブページに表示

答えて

関連する問題