使用WebSocket模拟WebQQ实现简单的聊天

1.什么是WebSocket?
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
2.WebSocket的优点
1.WebSocket API的优势在于服务器和客户端可以在固定的时间范围内的任意时刻,相互推送消息。在建立连接之后,服务器可以主动传送数据给客户端
2.WebSocket 并不限于以AJAX(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息。
3.使用WebSocket模拟WebQQ实现简单聊天的步骤
1.加入Spring+websocket所依赖的jar包

使用WebSocket模拟WebQQ实现简单的聊天_第1张图片
2.注册WebSocket处理器
使用WebSocket模拟WebQQ实现简单的聊天_第2张图片
3.创建握手拦截器,重写beforeHandshake方法,这个方法负责拦截HttpSession中的数据,放到WebSocket Session中
使用WebSocket模拟WebQQ实现简单的聊天_第3张图片
4.处理页面文本消息,从WebSocket session中获取数据,在页面显示,并保存到数据库。
5.编写JS页面。
使用WebSocket模拟WebQQ实现简单的聊天_第4张图片
6.运行JSP页面。
4.WebSocket对象常用事件
onerror: 连接到服务端错误时触发
onmessage: 收到服务器推送的消息时触发
onclose: 连接关闭时触发
onopen: 连接到服务端成功后触发
5.WebSocket解决的问题
1.解决了多次握手的问题(长连接),提高效率
2.服务器可以推送数据给客户端,不需要客户端轮询等操作

你可能感兴趣的:(使用WebSocket模拟WebQQ实现简单的聊天)