HTML5(十二)——一文读懂 WebSocket 原理

二、WebSocket 通信过程

================

WebSocket 协议可分为两部分：握手阶段和数据通信阶段。

WebSocket 为应用层协议，定义在 TCP/IP 协议栈之上，连接服务器的 url 是以 ws 或 wss 开头的。ws 开头的默认TCP端口为80，wss 开头的默认端口为443。

ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。

wss（web socket secure）是websocket的加密版本。

2.1、建立连接

客户端去与服务器建立 TCP 连接，客户端生成 websocket 对象，然后使用 API 建立连接，代码如下：

let ws= new WebSocket(‘ws://localhost:8888’)

ws.onopen = function(){

console.log(“连接”)

}

2.2、握手阶段

客户端与服务器建立连接之后，客户端发送握手请求，随后服务器发送握手响应即完成握手阶段。

客户端握手请求如下：

‘GET / HTTP/1.1’,

‘Host: localhost:8888’,

‘Connection: Upgrade’,

‘Pragma: no-cache’,

‘Cache-Control: no-cache’,

‘Upgrade: web