摘要：将HTML5和Spring4框架相结合,以在线围棋对弈为例研究了Web实时应用开发技术:采用WebSocket实现了客户浏览器与Web服务器的消息通信;通过HTML5的Canva绘制了围棋画面;基于sockjs连接和STOMP协议,实现了发布/订阅的双向消息传输;针对棋桌选择和对弈界面所涉及的交互过程,讨论了消息主题设计、消息发送及消息内容显示处理的具体方法.该应用开发模式对于Web实时协作应用设计具有较大参考价值.

摘要：为了对某玻珠企业生产线上的设备工作参数及原料、产品情况进行实时监测,开发了基于Web的监测系统。系统采用PLC方式获取来自生产线的数据,通过PLC与工控机(IPC)的串口通信将数据传送到IPC,IPC通过调用来自Web服务将数据传递到Web服务器,后者通过Web Socket通信推送数据至浏览器页面显示。系统采用Spring4+HTML5所支持的Web Socket通信实现基于发布/订阅的数据推送,采用HTML5的Canvas实现数据曲线绘制。参数报警限值利用HTML5本地化存储,通过AJAX和Web Socket技术实现报警值与服务器XML配置信息的一致性同步。该系统可实时显示来自生产线上各设备的温度、压力等参数值,实现了超限数据的自动报警,并对原料使用和产品计量进行统计,可在Web页面打印统计分析报表。反向监控通过Active MQ消息队列传输数据。