模拟webQQ实现简单的聊天,基于WebSocket

什么是WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。模拟webQQ实现简单的聊天,基于WebSocket_第1张图片

ajax轮询

轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。
模拟webQQ实现简单的聊天,基于WebSocket_第2张图片

ajax轮询示例代码

$(function() {
	to_page();
        setInterval("isHave();",3000);
});
function isHave(){
	$.ajax({
		url : "localhost/isHave",
		data : {},
		datatype: "json",
		type : "post",	
		success : function(result) {								console.log(result);
			},
		} 
	});
}

WebSocket的优点

1、WebSocket API的优势在于服务器和客户端可以在固定的时间范围内的任意时刻,相互推送消息。在建立连接之后,服务器可以主动传送数据给客户端;

2、WebSocket 并不限于以AJAX(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息。

WebSocket的使用

1、加入Spring+websocket所依赖的Jar包(使用4.1.5之后的版本,因为在WebQQ里需要调用到一个setAllowedOrigins()方法,这个方法只有4.1.5版本后才调用的出)模拟webQQ实现简单的聊天,基于WebSocket_第3张图片
2、注册SebSocket处理器,名为websocket
模拟webQQ实现简单的聊天,基于WebSocket_第4张图片
3、创建握手拦截器,重写beforeHandshake方法,这个方法负责拦截HttpSess中的数据,放到WebSocket Session 中模拟webQQ实现简单的聊天,基于WebSocket_第5张图片
4、处理页面文本消息,从WebSocket session中获取数据,在页面显示,并保存到数据库。模拟webQQ实现简单的聊天,基于WebSocket_第6张图片
5、JS页面模拟webQQ实现简单的聊天,基于WebSocket_第7张图片
6、运行

WebScoket总结

1.WebSocket协议
是由HTML5提供的、基于TCP的、对传统HTTP协议(短连接)的升级版
解决的问题:

	1.解决了多次握手的问题(长连接),提高效率
	2.服务器可以推送数据给客户端,不需要客户端轮询等low操作

2.客户端实现方式
JavaScript对WebSocket的支持:

2.1.创建客户端连接的方式:
	websocket = new WebSocket("ws://localhost:9090/websocket");
2.2.websocket对象常用事件:
	onerror:	连接到服务端错误时触发
	onmessage:	收到服务器推送的消息时触发
	onclose:	连接关闭时触发
	onopen:		连接到服务端成功后触发

3.Spring框架封装的WebSocket用法

3.1.引入spring-websocket.jar
  3.2.代码步骤
	重写握手拦截器(处理Session)
	重写消息处理器
	编写一个配置类:
		向Spring工厂注册一个请求路径和消息处理器
		向Spring工厂注册一个握手拦截器

你可能感兴趣的:(模拟webQQ实现简单的聊天,基于WebSocket)