基于Websocket的HTML5聊天室设计.docx

内容摘要：

在HTML5规范中，WebSocket协议是基于TCP的一种全新的协议。众所周知，它面世之前，浏览器与后台之间使用HTTP只能实现单向通讯。所以WebSocket的出现是如此的令人激动人心。在此之前很多人试图用“旁门左道”的方法来解决问题。若想要达到浏览器之间的即时通讯，主要有两种方式来实现。一种是Comet技术，另一种是通过Flash技术来实现。Comet范式可以达到在客户端与后端之间的互相通讯，但是其过程复杂，导致效率低下。对于效率这一点，Flash更具优势，因为它比Comet的轮询更加高效。可是由于Adobe公司宣布Flash退出历史舞台，所有Flash这种方法此时的存在价值并不大了。最开始WebSocket是HTML5规范中新引用的TCP链接，作为基于TCP的套接字API的占位符。WebSocket协议使得基于浏览器的客户端使用简单的语法就能高效地实时发送消息到后台服务器。而且有一个很不错的第三方API，叫做Socket.IO。那么利用了这项新技术，可以制作一个简单的多人在线聊天室。在这里面，用户拥有一样的用户名这种情况是容许的。进去聊天室后，将会看到目前已经登陆人的名字和这里面的人数。当用户进入或者退出聊天室，当前聊天室内的人都会看到页面显示的广播通知。用户发出信息，全部的客户端都是实时收到。

本文分五章来说明怎么样使用HTML5中的WebSocket协议和Node.js搭建一个网页多人在线聊天室。

关键词：HTML5  WebSocket  Socket.IO  Node.js   聊天室

目次

摘要

Abstract

1.-选题背景与意义-1

1.1.-研究背景-1

1.2.-研究意义-1

2.-设计涉及的相关技术和协议-2

2.1.-HTML5简介-2

2.1.1.-HTML5-2

2.2.-JavaScript概述-2

2.2.1.-JavaScript起源-2

2.2.2.-JavaScript的用途-2

2.3.-WebSocket和Node.js简介-2

2.3.1.-WebSocket简介-2

2.3.2.-Socket.IO简介-4

2.3.3.-Node.js简介-4

3.-设计任务及内容-5

3.1.-聊天室功能分析-5

3.2.-程序流程设计-5

4.-设计实现方法-6

4.1.-客户端实现-6

4.1.1.-客户端浏览器页面功能介绍及实现-6

4.1.2.-客户端的业务逻辑功能介绍及实现-6

4.2.-服务器端实现-8

4.2.1.-服务器端的功能实现-8

5.-小结-10

参考文献-11

致谢-12