基于WebSocket的聊天室（解决轮询和长连接的缺点）

websocket是HTML5重要的功能之一，websokcet的目的是实现通信功能。

先比较正常的HTTP请求和websocket通信，

正常情况：页面所在web服务器发送一个HTTP请求。web服务器识别请求，然后返回响应。轮询便是定时发送HTTP请求，有时候并不能达到实时通讯。

长连接原理跟轮询差不多，都是采用轮询的方式，不过采取的是阻塞模型，客户端发起连接后，如果没消息，就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。这样加大了服务器的压力。

而websocket提供了双向的、按序到达的数据流，一但连接成功，就可以在全双工模式下在客户端和服务器之间来回传送websocket消息。

wesocket的优点如下：

1、服务器与客户端之间交换的标头信息很小。

2、客户端与服务器都可以主动传送数据给对方。

3、不用频率创建TCP请求及销毁请求，减少网络宽带资源的占用，同时也节省服务器资源。

既然这么多优点我也就开始查看websocket api 然后尝试了做一个简单的聊天室。

websocket需要先实例化 new WebSocket(url,protocol)

                url 为 ws:// 或 wss:// 前缀加上服务器地址 例如：ws://localhost:3000

                protocol（可选）为能够使用的协议，可以是字符串也可以是数组

websocket遵循异步编程，不需要主动轮询。websocket对象有4个事件

onopen：当建立连接时触发

onmessage：当有消息接收时触发

onclose：当连接关闭时触发

：当发生错误时触发

1个方法

send：用来发送消息

最开始打算用php做，网上查看了一些，但是一直失败所以选择了node，还请各位大神能给个php的源码

这是我基于Node.js+websocket做的聊天室：github.com/wenlei0617/node-websocket

浏览器的兼容性现在也是很好的，所以可以放心使用

作者：_Gary
链接：https://www.jianshu.com/p/04d1e1df2ed3