HTML5WebSockets将实时空间数据运用到Web中实时教程

我们期望有越来越多的实时数据能够传输到我们的网页浏览器/设备中。

实时性是如此重要，因为提供了最新的信息可以帮我们做出明智的决定。对于空间数据而言是特别的重要，HTML5 Web Sockets的应用让实时空间数据更容易使用和利用，显示出巨大的潜力。

为什么实时空间数据变得越来越重要

我们开始探讨如何利用来自于社会网站中的信息，最好的方法之一就是通过过滤大量近期的信息。

如果我们找到的某些社会媒体中假设是合理的（只要是可信），那么获取的最新信息越多越可靠。

空间这也是如此，事实上我认为更重要的是，许多信息可能只是每分钟或每小时更新，但如果我们跟踪移动物体，数据流有可能是连续的。

当我在谈论一个网页浏览器/应用程序中的实时性时，我说，你应该能够在打开的网页上也看到信息更新页面，无刷新页面或用户互动（比如Gmail聊天）。

显示实时空间数据的老办法

以前可以通过网页浏览器中的几个技术来显示的实时信息，这些技术都有自己的缺点。Long-polling （或者Comet）可能是最流行的，并能在客户端和服务器之间建立持久连接的技术方法。

我们说我们需要创建一个在车队中的运输车的详细确切位置的地图。这是一个关于如何使用Comet进行运作的粗略的草图。客户端连接到服务器，然后服务器一旦更新，就发送一个响应，一接收到响应客户端，它就使一个请求发生到服务器。

Long-polling 运行时具有很复杂的配置和维护，会产生大量的网络流量，并仍然有一定程度的滞后（更多信息请阅读这里）。归结起来是，HTTP从来没有考虑到这一点，所以你被黑客了。

为什么HTML5 Web Sockets是解决方案

HTML5 Web Sockets作为解决方案，是因为它是一个新的HTML5标准，允许您在客户端和服务器之间建立一个双向通道。一旦建立，采用可以发送数据具有非常低的延迟的方式。这就意味着在服务器端发生的事件可以捕获（如一个更新在数据库中的一个几何对象）并即时推到客户端。

所以回到我们的移动资产的例子应用到Web Sockets。当你第一次加载的网络应用程序，它创建一个网络套接字连接到服务器。一旦连接，每当一个资产移动服务器推新数据到网络应用，并使用JavaScript更新地图。

Web Sockets明显提供大量的潜在外部的空间世界，并且已经被写上（这里是一个Web Sockets的很好的概述）。但是传输空间数据到客户端为什么Web Sockets特别有用：
低网络流量：
众所周知，空间数据是大尺寸的。由于Web Sockets相对于HTTP（无头）进行费用很低，让你集中你的网络带宽的实际数据而不是不必要的内容。
低延迟：
在服务器上发生的事件和在地图上看见的改变之间的延迟是比较低的。如果应用程序需要真实的实时性，减少延迟性是非常重要的。
推动能力：
由于低延迟和推动能力，协同编辑空间数据在一个网页浏览器将更容易实现。
从API，例如：Twitter Streaming API创建一个真实的实时地图聚合，将变得微不足道。
实时跟踪资产将变得更容易实现。

注意：采用node.js和socket.io，可运用FME Server’s notification service触发器来推动事件到服务器中。