原理:Pub-Sub(发布和订阅) 它适用于发送者将数据(发布者)发送给抽象数量的收件人(订阅者),而无需指定他们是谁。
1、是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议
2、客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
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",你就可以看到整个流程各个步骤弹出的窗口