HTML5 WebSocket

2020-04-21 22:55:04易采站长站整理
openSocket.onopen连接建立时触发messageSocket.onmessage客户端接收服务端数据时触发errorSocket.onerror通信发生错误时触发closeSocket.onclose连接关闭时触发


WebSocket 方法

以下是 WebSocket 对象的相关方法。假定我们使用了以上代码创建了 Socket 对象:

方法描述
Socket.send()使用连接发送数据
Socket.close()关闭连接


WebSocket 实例

WebSocket 协议本质上是一个基于 TCP 的协议。

为了建立一个 WebSocket 连接,客户端浏览器首先要向服务器发起一个 HTTP 请求,这个请求和通常的 HTTP 请求不同,包含了一些附加头信息,其中附加头信息”Upgrade: WebSocket”表明这是一个申请协议升级的 HTTP 请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的 WebSocket 连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。

客户端的 HTML 和 JavaScript

目前大部分浏览器支持 WebSocket() 接口,你可以在以下浏览器中尝试实例: Chrome, Mozilla, Opera 和 Safari。

runoob_websocket.html 文件内容

 

function WebSocketTest()
{
if (“WebSocket” in window)
{
alert(“您的浏览器支持 WebSocket!”);

// 打开一个 web socket
var ws = new WebSocket(“ws://localhost:9998/echo”);

ws.onopen = function()
{
// Web Socket 已连接上,使用 send() 方法发送数据
ws.send(“发送数据”);
alert(“数据发送中…”);
};

ws.onmessage = function (evt)
{
var received_msg = evt.data;
alert(“数据已接收…”);
};

ws.onclose = function()
{
// 关闭 websocket
alert(“连接已关闭…”);
};
}

else
{
// 浏览器不支持 WebSocket
alert(“您的浏览器不支持 WebSocket!”);
}
}

运行 WebSocket


安装 pywebsocket

在执行以上程序前,我们需要创建一个支持 WebSocket 的服务。从 pywebsocket 下载 mod_pywebsocket ,或者使用 git 命令下载:


git clone https://github.com/google/pywebsocket.git

mod_pywebsocket 需要 python 环境支持

mod_pywebsocket 是一个 Apache HTTP 的 Web Socket扩展,安装步骤如下:

解压下载的文件。

进入 pywebsocket