用WebSocket+Tornado构建一个简单的弹幕聊天系统_tornado实现在线聊天发弹幕源码

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

有交集,但是并不是全部。

另外Html5是指的一系列新的API,或者说新规范,新技术。Http协议本身只有1.0和1.1,而且跟Html本身没有直接关系。。

Websocket是什么样的协议,具体有什么优点

传统的HTTP协议虽然用的比较广泛(事实上互联网的绝大多数请求都是HTTP协议的),但还是有一定的不足:

  1. HTTP的生命周期通过Request来界定,也就是一个Request 一个Response,那么在HTTP1.0中,这次HTTP请求就结束了。

在HTTP1.1中进行了改进,使得有一个keep-alive,也就是说,在一个HTTP连接中,可以发送多个Request,接收多个Response。但是请记住 Request = Response , 在HTTP中永远是这样,也就是说一个request只能有一个response。而且这个response也是被动的,不能主动发起。

首先Websocket是基于HTTP协议的,或者说借用了HTTP的协议来完成一部分握手。

在握手阶段是一样的(from wikipedia)

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这段类似HTTP协议的握手请求中,多了几个东西

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这个就是Websocket的核心了,告诉Apache、Nginx等服务器:* 发起的是Websocket协议*

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

首先,Sec-WebSocket-Key 是一个Base64 encode的值,这个是浏览器随机生成的,告诉服务器验证是不是真的是Websocket助理

然后,Sec_WebSocket-Protocol 是一个用户定义的字符串,用来区分同URL下,不同的服务所需要的协议。

最后,Sec-WebSocket-Version 是告诉服务器所使用的Websocket Draft(协议版本)

在最初的时候,Websocket协议还在 Draft 阶段,各种奇奇怪怪的协议都有,而且还有很多期奇奇怪怪不同的东西,什么Firefox和Chrome用的不是一个版本之类的,当初Websocket协议太多可是一个大难题。。不过现在还好,已经定下来啦大家都使用的一个东西

然后服务器会返回下列东西,表示已经接受到请求, 成功建立Websocket啦!

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这里开始就是HTTP最后负责的区域了,告诉客户,我已经成功切换协议啦~

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

依然是固定的,告诉客户端即将升级的是Websocket协议,而不是mozillasocket,lurnarsocket或者shitsocket。

然后,Sec-WebSocket-Accept 这个则是经过服务器确认,并且加密过后的 Sec-WebSocket-Key。

后面的,Sec-WebSocket-Protocol 则是表示最终使用的协议。

至此,HTTP已经完成它所有工作了,接下来就是完全按照Websocket协议进行了。

Websocket的作用

在使用Websocket之前呢,客户端想从服务器监测信息的变化,主要使用两种方式,1,Ajex轮询,2,Long Poll

Ajax轮询主要就是隔一段时间客户端去访问一下服务器,看看是否有数据更新,这样处理有信息不及时,带宽压力大,服务器压力大等问题

现在能在网上找到很多很多的学习资源,有免费的也有收费的,当我拿到1套比较全的学习资源之前,我并没着急去看第1节,我而是去审视这套资源是否值得学习,有时候也会去问一些学长的意见,如果可以之后,我会对这套学习资源做1个学习计划,我的学习计划主要包括规划图和学习进度表。

分享给大家这份我薅到的免费视频资料,质量还不错,大家可以跟着学习

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里无偿获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
t/topics/618317507)**

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 26
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
下面是使用Spring Boot和WebSocket构建在线聊天室的步骤: 1. 新建一个Spring Boot项目,并添加WebSocket依赖。 2. 创建WebSocket配置类,配置WebSocket相关参数。代码如下: ```java @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { // 注册WebSocket处理器 registry.addHandler(new ChatWebSocketHandler(), "/chat") .setAllowedOrigins("*") .addInterceptors(new HttpSessionHandshakeInterceptor()); } } ``` 3. 创建WebSocket处理器,实现WebSocketHandler接口,并处理WebSocket连接、关闭、错误和消息事件。代码如下: ```java public class ChatWebSocketHandler extends TextWebSocketHandler { private static final List<WebSocketSession> sessions = new CopyOnWriteArrayList<>(); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { // 添加WebSocket会话 sessions.add(session); } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception { // 移除WebSocket会话 sessions.remove(session); } @Override public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception { // 处理WebSocket传输错误 session.close(); sessions.remove(session); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { // 处理WebSocket文本消息 String payload = message.getPayload(); for (WebSocketSession s : sessions) { s.sendMessage(new TextMessage(payload)); } } } ``` 4. 创建前端HTML页面,使用JavaScript连接WebSocket服务器,并处理WebSocket连接、关闭、错误和消息事件。代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在线聊天室</title> </head> <body> <div> <label>用户名:</label> <input type="text" id="username"> </div> <div> <label>消息:</label> <input type="text" id="message"> <button onclick="sendMessage()">送</button> </div> <div> <label>聊天记录:</label> <ul id="chatRecord"></ul> </div> <script> var username = document.getElementById("username"); var message = document.getElementById("message"); var chatRecord = document.getElementById("chatRecord"); var webSocket = new WebSocket("ws://localhost:8080/chat"); webSocket.onopen = function () { console.log("WebSocket已连接"); }; webSocket.onclose = function () { console.log("WebSocket已关闭"); }; webSocket.onerror = function () { console.log("WebSocket生错误"); }; webSocket.onmessage = function (event) { console.log("WebSocket收到消息:" + event.data); var li = document.createElement("li"); li.innerHTML = event.data; chatRecord.appendChild(li); }; function sendMessage() { var msg = username.value + ":" + message.value; webSocket.send(msg); message.value = ""; } </script> </body> </html> ``` 5. 运行Spring Boot应用程序,访问前端HTML页面,输入用户名和消息,点击送按钮,即可实现在线聊天。 以上就是使用Spring Boot和WebSocket构建在线聊天室的步骤,希望对你有所帮助。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值