웹소켓에서 보내주는 데이타 처리해 보기

Binance라는 곳이 있다...가상화폐거래소다...

여기서 웹소켓 서버를 운영하기때문에 예제로 써보자...

웹소켓 서버 주소는

wss://stream.binance.com:9443/ws/btcusdt@ticker

이렇다...

이걸 jquery를 이용해 데이타를 받아보자...

<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>

<div>

<li>

현재가 : <span id="price"></span>

</li>

</div>

<script>

$(document).ready(function(){

        var websocket = new WebSocket("wss://stream.binance.com:9443/ws/btcusdt@ticker");

        websocket.onmessage = function(event) {

            var Data = JSON.parse(event.data);

            $("#price").text(Data.c);

console.log(Data.E+" , "+Data.h+" , "+Data.l+" , "+Data.c);

        };

    });

</script>

이런식으로 페이지를 만들면 된다...

참 쉽다...