JavaScript - 利用socket.io.js来实现一个简单的聊天室

socket.io.js是对WebSocket的封装。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。

现在,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。

HTML5 定义的 WebSocket 协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯。

确保你的电脑有node运行环境。

先看看这篇博客,了解socket.io.js的用法

博客仔细看,基本上全都讲到了。

JavaScript - 利用socket.io.js来实现一个简单的聊天室_第1张图片

JavaScript - 利用socket.io.js来实现一个简单的聊天室_第2张图片JavaScript - 利用socket.io.js来实现一个简单的聊天室_第3张图片

github源码

 

 

 

你可能感兴趣的:(JavaScript)