在网页中显示动态数据的最佳方式答案

【问题标题】：Best way to display dynamic data in a webpage在网页中显示动态数据的最佳方式
【发布时间】：2014-06-13 08:51:47
【问题描述】：

我的目标是在浏览器上可视化传入的数据流。我已经使用 activemq 对流进行排队。从队列中消耗的单个消息如下所示：“int,date/time,int,string”。我必须在浏览器上更新我的折线图（每 100 毫秒）。有什么想法吗？

【问题讨论】：

【解决方案1】：

这听起来像是WebSocket 的用例。

有很多方法可以实现它，但在here 上发表了一篇关于该主题的相当不错的博客文章。

另一种方法是使用 javascript 使用 MQTT directly from the browser 并使用您的更新订阅主题。在这种情况下，您必须将数据转发到该主题。为此，您可以使用 composite queues 和 forwardOnly=false。

【讨论】：

非常感谢@Petter！使用原始套接字的问题是我担心会话期间发生数据包丢失。这就是我使用activemq的原因。你真的睁开了我的眼睛哈哈。我使用的队列在我的情况下是不正确的。马上改了你的第二种方法听起来很有希望。也会尝试一下，我会告诉你结果如何。

【解决方案2】：

如果你使用 ActiveMQ，你可以启用它的 websockets 接口：http://activemq.apache.org/websockets.html

在您的浏览器代码中，使用 STOMP over WebSocket 库来订阅队列。 http://jmesnil.net/stomp-websocket/doc/

【讨论】：