WebSocket 데이터를 받는 페이지
WebSocket의 소스는 BitFinex입니다.
다음과 같이 표시됩니다.
페이지
<!DOCTYPE html>
<head lang="ja">
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="bitcoin.js"></script>
</head>
<body>
<div id="contents"></div>
<p />
Version: Feb/02/2018 PM 17:16<p />
</body>
bitcoin.js
// -----------------------------------------------------------------------
/*
bitcoin.js
Feb/02/2018
*/
// -----------------------------------------------------------------------
var ws = new WebSocket('wss://api.bitfinex.com/ws/');
// -----------------------------------------------------------------------
jQuery (function ()
{
var count = 0
const params = {
"event": "subscribe",
"channel": "trades",
"pair": "BTCUSD"
}
const json_str = JSON.stringify(params)
ws.onopen = function()
{
ws.send (json_str)
}
ws.onmessage = function(msg)
{
const response = JSON.parse(msg.data)
if (response[1] === 'te')
{
out_proc(response,count)
count += 1
}
}
})
// -----------------------------------------------------------------------
// [4]:
function out_proc(response,count)
{
var str_out = ""
str_out += "<table>"
str_out += "<tr><td>count</td><td>" + count + "</td></tr>"
str_out += "<tr><td>CHANNEL_ID</td><td>" + response[0] + "</td></tr>"
str_out += "<tr><td>te</td><td>" + response[1] + "</td></tr>"
str_out += "<tr><td>SEQ</td><td>" + response[2] + "</td></tr>"
str_out += "<tr><td>TIMESTAMP</td><td>" + response[3] + "</td></tr>"
str_out += "<tr><td>PRICE</td><td>" + response[4] + "</td></tr>"
str_out += "<tr><td>AMOUNT</td><td>" + response[5] + "</td></tr>"
str_out += "</table>"
jQuery("#contents").html (str_out)
}
// -----------------------------------------------------------------------
Reference
이 문제에 관하여(WebSocket 데이터를 받는 페이지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ekzemplaro/items/c97a0ad71a52a3c46dd7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)