桂林电子科技大学学报
桂林電子科技大學學報
계림전자과기대학학보
JOURNAL OF GUILIN UNIVERSITY OF ELECTRONIC TECHNOLOGY
2015年
2期
136-141
,共6页
实时数据%HTML5%WebSocket%Node.j s%Echarts
實時數據%HTML5%WebSocket%Node.j s%Echarts
실시수거%HTML5%WebSocket%Node.j s%Echarts
real-time data%HTML5%WebSocket%Node.j s%Echarts
针对传统实时Web技术存在实时性差、吞吐量大等缺点,构建一种基于HTML5的实时Web数据监测系统,并与传统Aj ax轮询方式进行了对比。该系统通过Node.j s搭建WebSocket服务器,将实时数据(如温度、湿度、电压、电流等)通过 Web-Socket技术实时推送到客户端,客户端通过Echarts对实时数据进行直观显示。结果表明:Websocket服务器推送技术实时性更强,并有效地减少了网络吞吐量,具有很强的实用性。
針對傳統實時Web技術存在實時性差、吞吐量大等缺點,構建一種基于HTML5的實時Web數據鑑測繫統,併與傳統Aj ax輪詢方式進行瞭對比。該繫統通過Node.j s搭建WebSocket服務器,將實時數據(如溫度、濕度、電壓、電流等)通過 Web-Socket技術實時推送到客戶耑,客戶耑通過Echarts對實時數據進行直觀顯示。結果錶明:Websocket服務器推送技術實時性更彊,併有效地減少瞭網絡吞吐量,具有很彊的實用性。
침대전통실시Web기술존재실시성차、탄토량대등결점,구건일충기우HTML5적실시Web수거감측계통,병여전통Aj ax륜순방식진행료대비。해계통통과Node.j s탑건WebSocket복무기,장실시수거(여온도、습도、전압、전류등)통과 Web-Socket기술실시추송도객호단,객호단통과Echarts대실시수거진행직관현시。결과표명:Websocket복무기추송기술실시성경강,병유효지감소료망락탄토량,구유흔강적실용성。
Traditional real-time Web technology based on HTTP protocol has the shortcomings of big consumption and low efficien-cy.A new real-time data monitoring system based on HTML5 is built and compared with the Aj ax.The proposed system sets up a WebSocket server through the Node.j s,and pushes the real-time data (such as temperature,humidity,voltage,current)to the cli-ent via the WebSocket technology.Then the real-time data is displayed by the client through the Echarts.The simulation results show that the real-time Web technology based on WebSocket can reduce delay and network throughput.So it is practicable.