基于Spring4+HTML5的实时监控应用通信与显示处理

丁振凡

(华东交通大学信息工程学院，江西 南昌 330013)



基于Spring4+HTML5的实时监控应用通信与显示处理

丁振凡

(华东交通大学信息工程学院，江西 南昌 330013)

针对某企业生产线远程数据监测应用中消息推送与显示处理的问题，提出基于Sping4+HTML5的实现方案.采用WebSocket技术实现浏览器与Web服务器的双向消息通信.研究了Spring的WebSocket服务配置和实现消息推送的处理流程，描述了客户方与服务方如何建立SockJS连接，以及实现基于STOMP的消息发布/订阅处理的具体方法.将消息推送封装为REST风格的Web服务，方便调用者发布消息.系统采用HTML5的Canvas实现数据的实时显示处理，可在同一画面中显示各种颜色的曲线.Sping4+HTML5方案具有配置简单、应用灵活、运行效率高等特点，在实际应用中取得了很好的效果.

HTML5;Spring4;WebSocket;Canvas;实时监控;SockJS

随着Web应用的不断深入，在Web界面中实时应用的显示处理一直是研究人员关注的问题，最大的难点是实时数据以何种方式送浏览器显示的问题.由HTTP协议的特点，浏览器与Web服务器之间的连接不能持久保持，浏览器与Web服务器的通信是基于请求/响应的方式.为了持续获取来自生产线的数据，最早是页面定时刷新的方法，后来出现了基于AJAX的定时轮询方式，这种拉方式效率不高，最大问题是客户端请求的频率与服务器端数据更新频率通常会不一致，从而造成网络流量浪费.理想的方法是采用推方式，由服务器将数据推送到浏览器显示，但推方式在技术处理上一直不尽人意，例如采用JAVA applet通信，现……