今天没有延续上一篇讲的内容，穿插一段小插曲，WebSocket 实时数据通讯同步的问题，今天我们并不是很纯粹地讲 WebSocket 相关知识，我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。接下来我们就看看这个实时数据通讯是一个什么样的套路。
根据上面的思路，我们该如何去规划呢？既然需要实时数据通讯，那么就需要使用 WebSocket，WebSocket 又是什么呢？WebSocket 是 HTML5 一种新的协议，它没有标准的 API，各个实现都有自己的一套 API，在这里我们就不去详细研究 WebSocket 的具体实现，我也讲不了，至少现在讲不了。
我们来写一个最简单的例子，将任何一个客户端发送到服务器的消息，原封不动的转发到所有连接到服务器的客户端，我们来看看要实现这样的一个功能，服务端要怎么设计。
首先我们得搭建一个简易的 web 服务器。
以上的代码的 Node.js 的代码，将这串代码贴到一个 js 文件中，比如命名为 server.js 然后在 Terminal 中 cd 到 server.js 对应的文件夹下，如果 node server.js 后回车，如果发现报了 Cannot find module ‘xxx’ 的字样，那么说明你在当前目录下没有安装程序用到的相关包。那么我们在当前目录下创建一个叫 package.json 的文件，然后把下面的程序拷贝到该文件中，然后在 Terminal 中输入 npm install，等安装完后，就可以正常启动服务器了。
在 server.js 中加入上面那串代码，就可以实现客户端之间的实时数据通讯问题。但是在浏览器输入 localhost:4000 你看到的是 Hello Message! 的字样，要怎样才能访问到具体的 html 网页内容呢？这个时候就需要稍微修改下我们的服务器了。
也就是将前面提到的 res.end('<h1>Hello Message!</h1>’); 代码换成 res.sendFile(__dirname + ‘/index.html'); 做个页面跳转，从而达到访问具体 html 网页的目的，在这边是是为了满足 Demo 而做的方案，要搭建一个真正的 http 静态服务器肯定不是这样子的，搭建 http 静态服务器我在这边就不介入研究了，大家刚兴趣的话，可以自己到网上搜索学习。
那么客户端该如何实现来展现服务端的实时通讯呢？
以上代码就可以做到数据同步了，具体我来解释下。
页面很简单，有一个 input 文本框，和一个 Send 按钮，还有一个 ul 无序列表用来显示用户发送的内容，当用户在 input 文本框中输入内容后，按下 enter 键或者点击 Send 按钮都会想服务器发送文本框中填入的内容，并且服务器会将这条消息原封不动地推送到所有的客户端中，在客户端接收到消息后，就会想 ul 无序列表中填入消息。
