본문 바로가기

Web

rabbitmq - web

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

□ 내용


▶ 목적 : 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' }



 





□결과


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


 








'Web' 카테고리의 다른 글

SpringBoot 외부 톰캣 사용  (0) 2018.02.13
tomcat + apache 연동 (mok_jk)  (0) 2017.11.08
centos7 + tomcat8 자동실행  (0) 2017.11.08
Spring Security  (0) 2017.06.12
엑셀(JXL) 다운로드  (0) 2017.04.27