內容摘要：

在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