使用websocketd做websocket服务器，网页中接收数据

忘是亡心i 2022-03-15 14:55 619阅读 0赞

WebSocket和websocketd的介绍 ----->[https://www.jianshu.com/p/63afd0099565][https_www.jianshu.com_p_63afd0099565]

其中在websocketd中后台脚本是不限制语言的，在我的测试当中，脚本是用python编写的，就写了简单的输出，因为标准输入（stdin）就是 WebSocket 的输入，标准输出（stdout）就是 WebSocket 的输出。

**python脚本**

我在服务器的根目录中新建了python脚本

![20190303165832274.jpg][]

import time
    
    print(1)
    time.sleep(1)
    print(2)
    time.sleep(1)
    print(3)
    time.sleep(1)
    
    print("hello world")

**测试的js**

<!DOCTYPE html>
    <html>
    <head>
    	<title>test</title>
    	<script type="text/javascript">
    		
    		function getmsg(){
    			var ws = new WebSocket('ws://localhost:8080/');
    			console.log("连接成功")
    			console.log(ws);
    
    			console.log("++++++++++");
    			ws.onmessage = function(event) {
    			  console.log(event.data);
    			};
    
    		 	ws.onclose = function()
                {
                    // 关闭 websocket
                    console.log("连接已关闭...");
                };
    		}
    	</script>
    </head>
    <body>
    <button value="test" onclick="getmsg()">test</button>
    <div id="msg">
    	
    </div>
    </body>
    </html>

**运行方法：**

服务器的运行直接到服务器的根目录运行命令即可,我写的脚本的名字叫cout.py，其中命令中指明了端口号

websocketd --port=8080 python cout.py

看到下图中的输出就说明服务器已经打开了![20190303165846772.jpg][]

在浏览器中打开写好的网页，打开控制台就可以看到网页接收到的来自服务器的输出信息。

![20190303170000786.gif][] 同时在终端中也可以看到相应的提示信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70][]

[https_www.jianshu.com_p_63afd0099565]: https://www.jianshu.com/p/63afd0099565
[20190303165832274.jpg]: /images/20220315/01dce9a3a7464f0aa40c69a6a5acf658.png
[20190303165846772.jpg]: /images/20220315/c60d201e8ea14cf9889b4512a3a5f01c.png
[20190303170000786.gif]: /images/20220315/55c262b68f92495c9270b912a3395863.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6b25odWk_size_16_color_FFFFFF_t_70]: /images/20220315/02c50f0764794def96869dd2c00d8836.png