websocket的在线聊天室设计与实现(源码)
摘 要Internet的高速发展下，人们早已不再满足传统面对面的交流。人们都喜欢在线上开展社交。各大公司也都开发了各类的社交平台和社交软件。现在比较成熟即时通讯解决方案主要有基于轮询技术的和HTTP流方式的。它们虽然实现了实时的效果，但效率低，存在许多不足，很难适应当今越来越复杂的网络应用。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。基于WebSocket的在线聊天室，使用WebSocket协议，在浏览器和服务器之间建立WebSocket连接，实现即时的Web通信功能。本课题采用HTML5WebSocket技术，前端运用AmazeUI框架，后台用JAVA语言实现，开发环境是Eclipse JavaEE，Tomcat 7作为服务器。本文分析了以往实现即时通讯的技术，发现它的不足之处。提出了基于WebSocket技术的解决方案，研究WebSocket的技术和它的优势。设计并实现了基于WebSocket的在线聊天室。通过测试，各部分的功能都能正常的使用，并展显出它相对于以往技术的优越性。
目 录
第一章 绪论 1
1.1研究概述 1
1.2研究的内容 1
1.3研究目的及意义 1
1.4研究背景 1
第二章 相关理论及技术介绍 3
2.1前端相关技术介绍 3
2.1.1 HTML5简介 3
2.1.2 Amaze UI简介 3
2.2后台相关技术介绍 3
2.2.1 Eclipse JavaEE简介 3
2.2.2 Tomcat 7简介 3
2.3聊天室相关技术介绍 4
2.3.1传统解决方案 4
2.3.2 WebSocket解决方案 4
2.3.3基于WebSocket解决方案的优势 5
第三章 需求分析和总体设计 6
3.1需求分析 6
3.2可行性分析 6
3.2.1可行性分析前提 6
3.2.2操作可行性分析 6
3.2.3技术可行性分析 6
3.3整体设计 6
3.4模
*好棒文|www.hbsrm.com +Q: ￥351916072$
块设计 7
3.4.1功能模块 7
3.4.2服务端模块 7
3.4.3客户端模块 7
3.4.4界面模块 8
第四章 具体实现 9
4.1.总体设计实现 9
4.2功能模块的实现 9
4.3服务端模块的实现 9
4.4客户端模块的实现 10
4.5界面模块的实现 12
第五章 测试与思考 13
5.1聊天室的测试 13
5.1.1测试的意义 13
5.1.2测试方法 13
5.1.3测试结果 14
5.2讨论和思考 15
结束语 16
致 谢 17
参考文献 18
第一章 绪论
1.1研究概述
本课题采用HTML5WebSocket技术，前端运用AmazeUI框架，后台用JAVA语言实现，开发环境是Eclipse JavaEE，Tomcat 7作为服务器。在这个基础上提出了Web在线聊天室通讯的解决方案。本方案方便用户的在线聊天，让实时WEB的好处得以体现。相对于之前的HTTP轮询技术，WebSocket的延迟低，网络的吞吐量低，在实时通讯方面有更好的表现，能节省服务器的资源和带宽，所以本课题选择它来开发聊天室。
1.2研究的内容
本文研究的内容是基于WebSocket的在线聊天室的开发，具体的内容如下：
（1）HTML5核心技术中WebSocket协议的研究。HTML5是下一代的Web标准，给Web的开发带来了许多新的概念和API。它在绘图、动画、数据的本地存储和WebSocket协议等方面做了新的定义，细心的研究HTML5的新标准，重点研究WebSocket协议，深入了解它和传统的基于HTTP协议的通信方式的区别。
（2）实时Web通信的解决方案的研究。对传统的实时Web通信的解决方案做深刻的分析，了解它们的技术原理和技术上的不足时什么，进而与基于WebSocket的方案对比，为课题开发做好理论准备。
（3）研究后台的实现技术Java，学习Java的开发基础知识，面向对象的Java程序设计。还有与之相关的环境搭建和服务器配置。
1.3研究目的及意义
利用HTML5 WebSocket技术开发简单的聊天室，主要是为了可以让用户能够在聊天室里收发消息。让用户感受高速的沟通体验，充分享受HTML5为网络实时通信带来的好处。
目前的实时通讯技术存在着实现技术大，效果不好的缺点。WebSocket技术提供了一个更方便且更好的方式。通过开发在线聊天室的研究可以帮助实时Web技术的应用做出一定的贡献，满足用户对实时通讯的要求。
1.4研究背景
根据2014年中国互联发展报告，中国的网民的数量是世界第一，有6.49亿，而位列第二的美国才两亿多。中国网民每天平均的上网时间达到3.7小时。据了解，目前我国互联网应用使用率最高的是即时通信，90.6％网民在使用即时通信，因此，人们对于即时通讯的要求也越来越多。需求一种高效、易实现且实时性强的即时通讯解决方案。
WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信，需要特别的服务器和浏览器同时支持，因此websocket并未受到普遍的支持。HTML5的设计目的是为了在移动设备上支持多媒体，使网络标准达到符合当代的网络需求。HTML5具有开放性，跨平台支持和自适应网页设计等优点。
Websocket定义了一种新的全双工浏览器和服务器通讯的方式，它有望取代现有的实时web技术。现在web实时通讯大多使用轮询的技术，轮询是每个一段时间，由浏览器对服务器发出HTTP请求，然后服务器返回数据给浏览器。这种传统的请求方式有个很明显的缺点，它需要浏览器不断的向服务器发出请求，而每次的请求应答都有一个http的头信息，真正有用的信息很少。这样无疑会浪费大量的带宽。而在WebSocket中，浏览器和服务器只要做一个握手动作，浏览器和服务器之间就形成一条传输通道，而且保持连接。两者之间就可以互相传送数据。相对于HTTP这种非持久的协议来说，WebSocket是一种持久化的协议。
因此对于基于websocket协议实时通讯技术的研究，具有很高的理论价值和应用价值。
第二章 相关理论及技术介绍
2.1前端相关技术介绍
Web前端技术，技术上主要指HTML、css和JavaScript用于网页基本骨干的构成，css作用于网页的样式，而JavaScript是做网页的动态效果。这三个都是在浏览器上运行的。本课题前端使用的技术，主要是HTML5，css样式主要通过AmazeUI框架来实现。
2.1.1 HTML5简介
HTML5，由W3C提出来互联网的标准，它的出现将赋予网页更好的意义和结构。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5提供了一个开放的、自由的的开发环境，它提供了一个无插件视频、音频、动画的支持，在网络上被广泛地使用。HTML5有很好的设备兼容性，有自适应网页设计，可以让我的开发工作更加简单。
目 录
第一章 绪论 1
1.1研究概述 1
1.2研究的内容 1
1.3研究目的及意义 1
1.4研究背景 1
第二章 相关理论及技术介绍 3
2.1前端相关技术介绍 3
2.1.1 HTML5简介 3
2.1.2 Amaze UI简介 3
2.2后台相关技术介绍 3
2.2.1 Eclipse JavaEE简介 3
2.2.2 Tomcat 7简介 3
2.3聊天室相关技术介绍 4
2.3.1传统解决方案 4
2.3.2 WebSocket解决方案 4
2.3.3基于WebSocket解决方案的优势 5
第三章 需求分析和总体设计 6
3.1需求分析 6
3.2可行性分析 6
3.2.1可行性分析前提 6
3.2.2操作可行性分析 6
3.2.3技术可行性分析 6
3.3整体设计 6
3.4模
*好棒文|www.hbsrm.com +Q: ￥351916072$
块设计 7
3.4.1功能模块 7
3.4.2服务端模块 7
3.4.3客户端模块 7
3.4.4界面模块 8
第四章 具体实现 9
4.1.总体设计实现 9
4.2功能模块的实现 9
4.3服务端模块的实现 9
4.4客户端模块的实现 10
4.5界面模块的实现 12
第五章 测试与思考 13
5.1聊天室的测试 13
5.1.1测试的意义 13
5.1.2测试方法 13
5.1.3测试结果 14
5.2讨论和思考 15
结束语 16
致 谢 17
参考文献 18
第一章 绪论
1.1研究概述
本课题采用HTML5WebSocket技术，前端运用AmazeUI框架，后台用JAVA语言实现，开发环境是Eclipse JavaEE，Tomcat 7作为服务器。在这个基础上提出了Web在线聊天室通讯的解决方案。本方案方便用户的在线聊天，让实时WEB的好处得以体现。相对于之前的HTTP轮询技术，WebSocket的延迟低，网络的吞吐量低，在实时通讯方面有更好的表现，能节省服务器的资源和带宽，所以本课题选择它来开发聊天室。
1.2研究的内容
本文研究的内容是基于WebSocket的在线聊天室的开发，具体的内容如下：
（1）HTML5核心技术中WebSocket协议的研究。HTML5是下一代的Web标准，给Web的开发带来了许多新的概念和API。它在绘图、动画、数据的本地存储和WebSocket协议等方面做了新的定义，细心的研究HTML5的新标准，重点研究WebSocket协议，深入了解它和传统的基于HTTP协议的通信方式的区别。
（2）实时Web通信的解决方案的研究。对传统的实时Web通信的解决方案做深刻的分析，了解它们的技术原理和技术上的不足时什么，进而与基于WebSocket的方案对比，为课题开发做好理论准备。
（3）研究后台的实现技术Java，学习Java的开发基础知识，面向对象的Java程序设计。还有与之相关的环境搭建和服务器配置。
1.3研究目的及意义
利用HTML5 WebSocket技术开发简单的聊天室，主要是为了可以让用户能够在聊天室里收发消息。让用户感受高速的沟通体验，充分享受HTML5为网络实时通信带来的好处。
目前的实时通讯技术存在着实现技术大，效果不好的缺点。WebSocket技术提供了一个更方便且更好的方式。通过开发在线聊天室的研究可以帮助实时Web技术的应用做出一定的贡献，满足用户对实时通讯的要求。
1.4研究背景
根据2014年中国互联发展报告，中国的网民的数量是世界第一，有6.49亿，而位列第二的美国才两亿多。中国网民每天平均的上网时间达到3.7小时。据了解，目前我国互联网应用使用率最高的是即时通信，90.6％网民在使用即时通信，因此，人们对于即时通讯的要求也越来越多。需求一种高效、易实现且实时性强的即时通讯解决方案。
WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信，需要特别的服务器和浏览器同时支持，因此websocket并未受到普遍的支持。HTML5的设计目的是为了在移动设备上支持多媒体，使网络标准达到符合当代的网络需求。HTML5具有开放性，跨平台支持和自适应网页设计等优点。
Websocket定义了一种新的全双工浏览器和服务器通讯的方式，它有望取代现有的实时web技术。现在web实时通讯大多使用轮询的技术，轮询是每个一段时间，由浏览器对服务器发出HTTP请求，然后服务器返回数据给浏览器。这种传统的请求方式有个很明显的缺点，它需要浏览器不断的向服务器发出请求，而每次的请求应答都有一个http的头信息，真正有用的信息很少。这样无疑会浪费大量的带宽。而在WebSocket中，浏览器和服务器只要做一个握手动作，浏览器和服务器之间就形成一条传输通道，而且保持连接。两者之间就可以互相传送数据。相对于HTTP这种非持久的协议来说，WebSocket是一种持久化的协议。
因此对于基于websocket协议实时通讯技术的研究，具有很高的理论价值和应用价值。
第二章 相关理论及技术介绍
2.1前端相关技术介绍
Web前端技术，技术上主要指HTML、css和JavaScript用于网页基本骨干的构成，css作用于网页的样式，而JavaScript是做网页的动态效果。这三个都是在浏览器上运行的。本课题前端使用的技术，主要是HTML5，css样式主要通过AmazeUI框架来实现。
2.1.1 HTML5简介
HTML5，由W3C提出来互联网的标准，它的出现将赋予网页更好的意义和结构。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5提供了一个开放的、自由的的开发环境，它提供了一个无插件视频、音频、动画的支持，在网络上被广泛地使用。HTML5有很好的设备兼容性，有自适应网页设计，可以让我的开发工作更加简单。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/493.html
