webSocket入门

最新推荐文章于 2024-06-21 16:50:07 发布

djaao754568

最新推荐文章于 2024-06-21 16:50:07 发布

阅读量89

点赞数

文章标签：网络 python javascript ViewUI

原文链接：http://www.cnblogs.com/slightFly/p/10559087.html

版权

原理：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"，你就可以看到整个流程各个步骤弹出的窗口

转载于:https://www.cnblogs.com/slightFly/p/10559087.html

djaao754568

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webSocket入门

原理：Pub-Sub（发布和订阅）它适用于发送者将数据（发布者）发送给抽象数量的收件人（订阅者），而无需指定他们是谁。1、是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议2、客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并...
复制链接

扫一扫