当前位置： 移动技术网 > IT编程>网页制作>Html5 > webSocket入门

webSocket入门

2019年03月20日  | 移动技术网IT编程  | 我要评论

单向轴承型号及尺寸,快乐大本营谢娜回归,龙年新年快乐电影

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网