html5与python的websocket会话

找到了一个早期的版本，配置是python2.x，websocket 6 or 7。版本已经很早了，websocket协议已经有了大的更新，版本已经更迭到了13，同时python本人已经在用python 3k了，因此造成网上的代码无法运行，经过一天的晚上，已经可以运行。代码附上。

服务端（Python）

#coding=utf8
#!/usr/bin/python

import struct,socket,sys
import hashlib
import threading,random
import time
from base64 import b64encode, b64decode

connectionlist = {}

#python3k 版本recv返回字节数组
def decode(data):
    if not len(data):
        return False
    length = data[1] & 127
    if length == 126:
        mask = data[4:8]
        raw = data[8:]
    elif length == 127:
        mask = data[10:14]
        raw = data[14:]
    else:
        mask = data[2:6]
        raw = data[6:]
    ret = ‘‘
    for cnt, d in enumerate(raw):
        ret += chr(d ^ mask[cnt%4])
    return ret

def encode(data):
    data=str.encode(data)
    head = b‘\x81‘

    if len(data) < 126:
        head += struct.pack(‘B‘, len(data))
    elif len(data) <= 0xFFFF:
        head += struct.pack(‘!BH‘, 126, len(data))
    else:
        head += struct.pack(‘!BQ‘, 127, len(data))
    return head+data

def sendMessage(message):
    global connectionlist
    for connection in connectionlist.values():
        connection.send(encode(message))

def deleteconnection(item):
    global connectionlist
    del connectionlist[‘connection‘+item]

class WebSocket(threading.Thread):

    GUID = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"

    def __init__(self,conn,index,name,remote, path="/"):
        threading.Thread.__init__(self)
        self.conn = conn
        self.index = index
        self.name = name
        self.remote = remote
        self.path = path
        self.buffer = ""
    def run(self):
        print(‘Socket%s Start!‘ % self.index)
        headers = {}
        self.handshaken = False

        while True:
            if self.handshaken == False:
                print (‘Socket%s Start Handshaken with %s!‘ % (self.index,self.remote))
                self.buffer += bytes.decode(self.conn.recv(1024))

                if self.buffer.find(‘\r\n\r\n‘) != -1:
                    header, data = self.buffer.split(‘\r\n\r\n‘, 1)
                    for line in header.split("\r\n")[1:]:
                        key, value = line.split(": ", 1)
                        headers[key] = value

                    headers["Location"] = ("ws://%s%s" %(headers["Host"], self.path))
                    key = headers[‘Sec-WebSocket-Key‘]
                    token = b64encode(hashlib.sha1(str.encode(str(key + self.GUID))).digest())

                    handshake="HTTP/1.1 101 Switching Protocols\r\n"                        "Upgrade: websocket\r\n"                        "Connection: Upgrade\r\n"                        "Sec-WebSocket-Accept: "+bytes.decode(token)+"\r\n"                        "WebSocket-Origin: "+str(headers["Origin"])+"\r\n"                        "WebSocket-Location: "+str(headers["Location"])+"\r\n\r\n"

                    self.conn.send(str.encode(str(handshake)))
                    self.handshaken = True
                    print (‘Socket%s Handshaken with %s success!‘ %(self.index, self.remote))
                    sendMessage(‘Welcome, ‘ + self.name + ‘ !‘)  

            else:
                msg=decode(self.conn.recv(1024))
                if msg==‘quit‘:
                    print (‘Socket%s Logout!‘ % (self.index))
                    nowTime = time.strftime(‘%H:%M:%S‘,time.localtime(time.time()))
                    sendMessage(‘%s %s say: %s‘ % (nowTime, self.remote, self.name+‘ Logout‘))
                    deleteconnection(str(self.index))
                    self.conn.close()
                    break
                else:
                    print (‘Socket%s Got msg:%s from %s!‘ % (self.index, msg, self.remote))
                    nowTime = time.strftime(‘%H:%M:%S‘,time.localtime(time.time()))
                    sendMessage(‘%s %s say: %s‘ % (nowTime, self.remote, msg))       

            self.buffer = ""

class WebSocketServer(object):
    def __init__(self):
        self.socket = None
    def begin(self):
        print( ‘WebSocketServer Start!‘)
        self.socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
        self.socket.bind(("127.0.0.1",12345))
        self.socket.listen(50)

        global connectionlist

        i=0
        while True:
            connection, address = self.socket.accept()

            username=address[0]
            newSocket = WebSocket(connection,i,username,address)
            newSocket.start()
            connectionlist[‘connection‘+str(i)]=connection
            i = i + 1

if __name__ == "__main__":
    server = WebSocketServer()
    server.begin()

客户端（Html5+JS）

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket</title>

    <style>
        html, body {
            font: normal 0.9em arial, helvetica;
        }

        #log {
            width: 440px;
            height: 200px;
            border: 1px solid #7F9DB9;
            overflow: auto;
        }

        #msg {
            width: 330px;
        }
    </style>

    <script>
        var socket;

        function init() {
            var host = "ws://127.0.0.1:12345/";
            try {
                socket = new WebSocket(host);
                socket.onopen = function (msg) {
                    log("Begin Connection!");
                };
                socket.onmessage = function (msg) {
                    log(msg.data);
                };
                socket.onclose = function (msg) {
                    log("Lose Connection!");
                };
            }
            catch (ex) {
                log(ex);
            }
            $("msg").focus();
        }

        function send() {
            var txt, msg;
            txt = $("msg");
            msg = txt.value;
            if (!msg) {
                alert("Message can not be empty");
                return;
            }
            txt.value = "";
            txt.focus();
            try {
                socket.send(msg);
            } catch (ex) {
                log(ex);
            }
        }

        window.onbeforeunload = function () {
            try {
                socket.send(‘quit‘);
                socket.close();
                socket = null;
            }
            catch (ex) {
                log(ex);
            }
        };

        function $(id) {
            return document.getElementById(id);
        }
        function log(msg) {
            $("log").innerHTML += "<br>" + msg;
        }
        function onkey(event) {
            if (event.keyCode == 13) {
                send();
            }
        }
    </script>

</head>

<body onload="init()">
<h3>WebSocket</h3>
<br><br>

<div id="log"></div>
<input id="msg" type="textbox" onkeypress="onkey(event)"/>
<button onclick="send()">发送</button>
</body>

</html>

Html5+JS代码还存在一个问题，发送中文会出现乱码，原因应该为websocket.send的默认解码问题。