webSocket入门

原理:Pub-Sub(发布和订阅) 它适用于发送者将数据(发布者)发送给抽象数量的收件人(订阅者),而无需指定他们是谁。

1、是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议

2、客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。

webSocket入门

3、实例

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> <script type="text/javascript">
function WebSocketTest(){
if ("WebSocket" in window){
alert("您的浏览器支持 WebSocket!"); // 打开一个 web socket
var ws = new WebSocket(url, [protocol]);// protocol 是可选的,指定了可接受的子协议。 ws.onopen = function(){//连接建立时触发 ws.send("发送数据");// Web Socket 已连接上,使用 send() 方法发送数据
alert("数据发送中...");
};
ws.onmessage = function (evt){ //客户端接收服务端数据时触发 var received_msg = evt.data;
alert("数据已接收...");
};
ws.onerror = function(){//通信发生错误时触发
alert("连接错误...");
};
ws.onclose = function(){ //连接关闭时触发
// 关闭 websocket
alert("连接已关闭...");
};
}else{
// 浏览器不支持 WebSocket
alert("您的浏览器不支持 WebSocket!");
}
}
</script> </head>
<body> <div id="sse">
<a href="javascript:WebSocketTest()">运行 WebSocket</a>
</div> </body>
</html>

4、创建一个支持 WebSocket 的服务,从 pywebsocket 下载 mod_pywebsocket ,或者使用 git 命令下载:

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

mod_pywebsocket 需要 python 环境支持

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

解压下载的文件。

进入 pywebsocket 目录。

执行命令:

$ python setup.py build
$ sudo python setup.py install
查看文档说明: $ pydoc mod_pywebsocket

开启服务

在 pywebsocket/mod_pywebsocket 目录下执行以下命令:
$ sudo python standalone.py -p 9998 -w ../example/

以上命令会开启一个端口号为 9998 的服务,使用 -w 来设置处理程序 echo_wsh.py 所在的目录。

现在我们可以在 Chrome 浏览器打开前面创建的 runoob_websocket.html 文件。如果你的浏览器支持 WebSocket(), 点击"运行 WebSocket",你就可以看到整个流程各个步骤弹出的窗口

上一篇:【UE4 设计模式】享元模式 Flyweight Pattern


下一篇:进程状态转换及其PCB的变化