Web

rabbitmq - web

iamksu 2018. 2. 9. 10:47

□ 내용


▶ 목적 : BLE 디바이스 RSSI 데이터 확인용 UI 만들기


▶ BLE rssi값이 rabbitmq를 통해 수집되고 있다. 이에 실시간 데이터 변화를 확인을 위해 그래프 라이브러리를 사용하여 처리






□ 사용

 

[connection]

sockjs.js

stomp.js


[그래프]

plotly 사용






□ rabbitmq




 





□ message 처리


▶ 최신 1000개만 처리


▶ <div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>


▶ 수집되는 데이터 형태 : { timestamp: '2018-02-08T16:12:05.005Z', rssi: '-79' }



 





□결과


▶ 시간 순으로 들어오는 데이터 실시간 변화 확인