• webSocket入门


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

  • 相关阅读:
    DB2创建序列
    hibernate注解影射表
    自定义异常类一
    【JVM】java方法区
    【JVM】java棧
    (2)java堆内存
    (1)java虚拟机概念和结构图
    枚举应用五
    设计模式之命令模式学习理解
    eclipse中javadoc给项目生成api文档
  • 原文地址:https://www.cnblogs.com/slightFly/p/10559087.html
Copyright © 2020-2023  润新知