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

1.WebSocket协议:
是从HTML5开始提供的、基于TCP的、对传统HTTP协议(短连接)的升级版
解决的问题:
1.解决了多次握手的问题(长连接),提高效率
2.服务器可以推送数据给客户端,不需要客户端轮询等low操作
优势

  1. WebSocket API的优势在于服务器和客户端可以在固定的时间范围内的任意时刻,相互推送消息。在建立连接之后,服务器可以主动传送数据给客户端
  2. WebSocket 并不限于以AJAX(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息。

轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。
就比如每打开一次又关闭接着继续下一个打开

在这里插入图片描述

ajax轮询示例代码
$(function() {
to_page();
setInterval(“isHave();”,3000);
});
function isHave(){
$.ajax({
url : “localhost/isHave”,
data : {},
datatype: “json”,
type : “post”,
success : function(result) { console.log(result);
},
}
});
}

2.客户端实现方式 JavaScript对WebSocket的支持:
2.1.创建客户端连接的方式:
默认的端口号是8080
websocket = new WebSocket(“ws://localhost:8080/websocket”); 在这里插入图片描述 2.2.websocket对象常用事件:
onerror: 连接到服务端错误时触发
onmessage: 收到服务器推送的消息时触发
onclose: 连接关闭时触发
onopen: 连接到服务端成功后触发
3.JDK支持
4.Spring框架封装的WebSocket用法
4.1.引入spring-websocket.jar 如下:在这里插入图片描述
4.2.代码步骤:
重写握手拦截器(处理Session)
重写消息处理器
编写一个配置类:
向Spring工厂注册一个请求路径和消息处理器
在这里插入图片描述
向Spring工厂注册一个握手拦截器
注册SebSocket处理器,名为websocket
在这里插入图片描述
处理页面文本消息,从WebSocket session中获取数据,在页面显示,并保存到数据库
在这里插入图片描述

创建握手拦截器,重写beforeHandshake方法,这个方法负责拦截HttpSess中的数据,放到WebSocket Session 中
在这里插入图片描述

最后运行的效果
在这里插入图片描述

								**-- dyf**
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值