黑马程序员技术交流社区

标题: 【黑马程序员济南】WebSocket在线群聊小Demo [打印本页]

---

作者: 大山哥哥    时间: 2018-1-1 12:25
标题: 【黑马程序员济南】WebSocket在线群聊小Demo
最近研究webSocket,做了一个页面群聊的小demo,希望能给学习webSocket的提供点帮助,不足之处欢迎指正!   

代码在文章最后

1.首先搭建一个web工程
如下图:

2.注意要导入webSocket的相关jar包,tomcat提供webSocket支持所以只需导入tomcat的lib即可,如下:

3.构建页面内容,如下图(详情可参考页面注解):
   
4.后台响应代码 WebSocketTest.java(本处就不附代码了,代码中注解详细,请下载文章末尾资源自行查看)
5.打开两个浏览器窗口,自定义自己的昵称就可以进行聊天了,路径: http://localhost:8080/websocket/ ,具体操作如下图:

总结:
     随着HTML5的诞生，WebSocket协议被提出，它实现了浏览器与服务器的全双工通信，扩展了浏览器与服务端的通信功能，使服务端也能主动向客户端发送数据,真正实现了Web的实时通信;
     WebSocket的工作流程是这 样的：浏览器通过JavaScript向服务端发出建立WebSocket连接的请求，在WebSocket连接建立成功后，客户端和服务端就可以通过 TCP连接传输数据。因为WebSocket连接本质上是TCP连接，不需要每次传输都带上重复的头部数据，所以它的数据传输量比轮询和Comet技术小了很多。
希望以上内容能对学习webSocket的同学提供帮助.欢迎留言评论,互相学习!
websocket.zip (520.77 KB, 下载次数: 50)

2018-1-1 12:25 上传

点击文件名下载附件

---

作者: heshui    时间: 2018-1-2 16:20
不值得下载

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2