用Python实现一个简单的WebSocket服务器(client)_codestorm_新浪博客

转自： http://blog.youkuaiyun.com/jiht594/article/details/43764941

客户端 

 

测试了chrome37, firefox35

 

[html]  view plain  copy

 

1. >  
2. <</span>html>  
3. <</span>head>  
4.     <</span>title>WebSocket</</span>title>  
5.   
6.     <</span>style>  
7.         html, body {  
8.             font: normal 0.9em arial, helvetica;  
9.         }  
10.   
11.         #log {  
12.             width: 440px;  
13.             height: 200px;  
14.             border: 1px solid #7F9DB9;  
15.             overflow: auto;  
16.         }  
17.   
18.         #msg {  
19.             width: 330px;  
20.         }  
21.     </</span>style>  
22.   
23.     <</span>script>  
24.         var socket;  
25.   
26.         function init() {  
27.             var host = "ws://127.0.0.1:12345/";  
28.             try {  
29.                 socket = new WebSocket(host);  
30.                 socket.onopen = function (msg) {  
31.                     log('Connected');  
32.                 };  
33.                 socket.onmessage = function (msg) {  
34.                     log(msg.data);  
35.                 };  
36.                 socket.onclose = function (msg) {  
37.                     log("Lose Connection!");  
38.                 };  
39.             }  
40.             catch (ex) {  
41.                 log(ex);  
42.             }  
43.             $("msg").focus();  
44.         }  
45.   
46.         function send() {  
47.             var txt, msg;  
48.             txt = $("msg");  
49.             msg = txt.value;  
50.             if (!msg) {  
51.                 alert("Message can not be empty");  
52.                 return;  
53.             }  
54.             txt.value = "";  
55.             txt.focus();  
56.             try {  
57.                 socket.send(msg);  
58.             } catch (ex) {  
59.                 log(ex);  
60.             }  
61.         }  
62.   
63.         window.onbeforeunload = function () {  
64.             try {  
65.                 socket.send('quit');  
66.                 socket.close();  
67.                 socket = null;  
68.             }  
69.             catch (ex) {  
70.                 log(ex);  
71.             }  
72.         };  
73.   
74.   
75.         function $(id) {  
76.             return document.getElementByIdx_x(id);  
77.         }  
78.         function log(msg) {  
79.             $("log").innerHTML += "<</span>br>" + msg;  
80.         }  
81.         function onkey(event) {  
82.             if (event.keyCode == 13) {  
83.                 send();  
84.             }  
85.         }  
86.     </</span>script>  
87.   
88. </</span>head>  
89.   
90.   
91. <</span>body onload="init()">  
92. <</span>h3>WebSocket</</span>h3>  
93. <</span>br><</span>br>  
94.   
95. <</span>div id="log"></</span>div>  
96. <</span>input id="msg" type="textbox" onkeypress="onkey(event)"/>  
97. <</span>button onclick="send()">发送</</span>button>  
98. </</span>body>  
99.   
100. </</span>html>  

参考: 用Python实现一个简单的WebSocket服务器

 

由于使用125, 126, 127用作标志位.