# socket.io_chat_demo **Repository Path**: rightfight/socket.io_chat_demo ## Basic Information - **Project Name**: socket.io_chat_demo - **Description**: 聊天室的小例子 - **Primary Language**: PHP - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2017-12-11 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # socket.io_chat_demo 聊天室的小例子 Web Socket和Socket.IO框架 2.1. HTTP的问题 HTTP无法轻松实现 实时应用: - HTTP协议是无状态的,服务器只会响应来自客户端的请求,但是它与客户端之间不具备持续连接。(无法长时持续连接) - 我们可以捕获浏览器上发生的事件(比如用户点击了button),这个事件可以产生与服务器的数据交互(比如Ajax)。 但是,反过来却是不可能的:服务器端发生了一个事件,服务器无法将这个事件的信息实时主动通知它的客户端。只有在客户端查询服务器的当前状态的时候,所发生事件的信息才会从服务器传递到客户端。(无法主动输出信息) 但是,HTTP协议也能做聊天室这种'长连接'的东西,它是这么实现的: - 长轮询:客户端每隔很短的时间,都会对服务器发出请求,查看是否有新的消息,只要轮询速度足够快,例如1秒,就能给人造成交互是实时进行的印象。这种做法是无奈之举,实际上对服务器、客户端双方都造成了大量的性能浪费。 - 长连接:客户端只请求一次,但是服务器会将连接保持,不会返回结果(想象一下我们没有写res.end()时,浏览器的小菊花会一直转)。服务器有了新数据,就将数据发回来,又有了新数据,就将数据发回来,而一直保持挂起状态。这种做法的也造成了大量的性能浪费。 2.2. WebSocket WebSocket协议能够让浏览器和服务器全双工实时通信,互相的,服务器也能主动通知客户端了。 - WebSocket的原理非常的简单:利用HTTP请求产生握手,HTTP头部中含有WebSocket协议的请求,所以握手之后,二者转用TCP协议进行交流(QQ的协议)。现在的浏览器和服务器之间,就是QQ和QQ服务器的关系了。 所以WebSocket协议,需要浏览器支持,更需要服务器支持。 - 支持WebSocket协议的浏览器有:Chrome 4、火狐4、IE10、Safari5 - 支持WebSocket协议的服务器有:Node、Apache Tomcat/7.0.27、Nginx1.3 2.3. Socket.IO 用原生Node搭建 WebSocket协议的服务 非常麻烦,我们使用写好的模块: Socket.IO 它屏蔽了所有底层细节,让顶层调用非常简单。 并且还为不支持WebSocket协议的浏览器(IE),提供了长轮询的透明模拟机制。 Node的单线程、非阻塞I/O、事件驱动机制,使它非常适合Socket服务器。 官网:http://socket.io/