一、WebSocket 是什麼？
WebSocket是HTML5規範提出的一種協議；目前除了完犢子的IE瀏覽器，其他瀏覽器都基本支援。他是一種協議，萬變不離其宗，也是基於TCP協議的；和HTTP協議是並存的兩種協議。
WebSocket是HTML5中的協議。HTML5 Web Sockets規範定義了Web Sockets API，支援頁面使用Web Socket協議與遠端主機進行全雙工的通訊。它引入了WebSocket介面並且定義了一個全雙工的通訊通道，通過一個單一的套接字在Web上進行操作。HTML5 Web Sockets以最小的開銷高效地提供了Web連線。相較於經常需要使用推送實時資料到客戶端甚至通過維護兩個HTTP連線來模擬全雙工連線的舊的輪詢或長輪詢（Comet）來說，這就極大的減少了不必要的網路流量與延遲。
要使用HTML5 Web Sockets從一個Web客戶端連線到一個遠端端點，你要建立一個新的WebSocket例項併為之提供一個URL來表示你想要連線到的遠端端點。該規範定義了ws://以及wss://模式來分別表示WebSocket和安全WebSocket連線,這就跟http:// 以及https:// 的區別是差不多的。一個WebSocket連線是在客戶端與伺服器之間HTTP協議的初始握手階段將其升級到Web Socket協議來建立的，其底層仍是TCP/IP連線。

二、WebSocket與Socket的關係

Socket其實並不是一個協議，而是為了方便使用TCP或UDP而抽象出來的一層，是位於應用層和傳輸控制層之間的一組介面。

“Socket是應用層與TCP/IP協議族通訊的中間軟體抽象層，它是一組介面，提供一套呼叫TCP/IP協議的API。在設計模式中，Socket其實就是一個門面模式，它把複雜的TCP/IP協議族隱藏在Socket介面後面，對使用者來說，一組簡單的介面就是全部，讓Socket去組織資料，以符合指定的協議。”

當兩臺主機通訊時，必須通過Socket連線，Socket則利用TCP/IP協議建立TCP連線。TCP連線則更依靠於底層的IP協議，IP協議的連線則依賴於鏈路層等更低層次。

WebSocket就像HTTP一樣，則是一個典型的應用層協議。

總結：

Socket是傳輸控制層介面，WebSocket是應用層協議。

• 1

三、WebSocket與HTTP的關係
關係圖：

相同點

1. 都是一樣基於TCP的，都是可靠性傳輸協議。
2. 都是應用層協議。

• 1
• 2

不同點

 1. WebSocket是雙向通訊協議，模擬Socket協議，可以雙向傳送或接受資訊。HTTP是單向的。
 2. WebSocket是需要瀏覽器和伺服器握手進行建立連線的。而http是瀏覽器發起向伺服器的連線，伺服器預先並不知道這個連線。

• 1
• 2

聯絡

WebSocket在建立握手時，資料是通過HTTP傳輸的。但是建立之後，在真正傳輸時候是不需要HTTP協議的。
 

• 1

總結：

在WebSocket中，只需要伺服器和瀏覽器通過HTTP協議進行一個握手的動作，然後單獨建立一條TCP的通訊通道進行資料的傳送。
WebSocket連線的過程是：

首先，客戶端發起http請求，經過3次握手後，建立起TCP連線；http請求裡存放WebSocket支援的版本號等資訊，如：Upgrade、Connection、WebSocket-Version等；
然後，伺服器收到客戶端的握手請求後，同樣採用HTTP協議回饋資料；
最後，客戶端收到連線成功的訊息後，開始藉助於TCP傳輸通道進行全雙工通訊。