7

Python を使用して単純な websocket サーバーを実装しています。私が使用しているハンドシェイクはhttp://en.wikipedia.org/w/index.php?title=WebSockets&oldid=372387414からのものです。

ハンドシェイク自体は機能しているようですが、送信を押すと、javascript エラーが発生します。

キャッチされないエラー: INVALID_STATE_ERR: DOM 例外 11

html は次のとおりです。

<!doctype html>
<html>
    <head>
        <title>ws_json</title>

    </head>
    <body onload="handleLoad();" onunload="handleUnload();">
        <input type="text" id='input' />
        <input type="button" value="submit" onclick="handleSubmit()" />
        <div id="display"></div>

        <script type="text/javascript">
            function showmsg(str){
                display = document.getElementById("display");
                display.innerHTML += "<p>" + str + "</p>";
            }

            function send(str){
                ws.send(str.length);
                ws.send(str);
            }

            function handleSubmit(){
                input = document.getElementById('input');
                send(input.value);
                input.focus();
                input.value = '';
            }

            function handleLoad(){
                ws = new WebSocket("ws://localhost:8888/");
                ws.onopen = function(){
                    showmsg("websocket opened.");
                }

                ws.onclose = function(){
                    showmsg("websocket closed.");
                }
            }

            function handleUnload(){
                ws.close();
            }
        </script>
    </body>
</html>

そして、ここにpythonコードがあります：

import socket
import threading
import json

PORT = 8888
LOCATION = "localhost:8888"

def handler(s):

    print " in handler "

    ip, _ = s.getpeername()
    print "New connection from %s" % ip
    request = s.recv(1024)

    print "\n%s\n" % request
    print s.getpeername()

    # send response
    response = "HTTP/1.1 101 Web Socket Protocol Handshake\r\n"
    response += "Upgrade: WebSocket\r\n"
    response += "Connection: Upgrade\r\n"
    try:
        peername = s.getpeername()
        response += "Sec-WebSocket-Origin: http://%s\r\n" % peername[0] # % request[request.index("Origin: ")+8:-4]
    except ValueError:
        print "Bad Request"
        raise socket.error
    response += "Sec-WebSocket-Location: ws://%s\r\n" % LOCATION
    response += "Sec-WebSocket-Protocol: sample"
    response = response.strip() + "\r\n\r\n"

    print response
    s.send(response)

    while True:
        length = s.recv(1)
        print length
        if not length:
            break
        length = int(length)
        print "Length: %i" % length
        data = s.recv(length)
        print "Received: %s" % data
        print ""

s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(('localhost', PORT))
s.listen(5)

print "server is running..."
while True:
    sock, addr = s.accept()
    threading.Thread(target=handler, args=(sock, )).start()

ここで私が間違っていることを誰かが知っていますか?

4

2 に答える 2

6

Firefox 4 でコードをテストしたところ、送信を押したときに同じエラーが発生しましたが、その前に

Firefox は、ws://localhost:8888/ でサーバーへの接続を確立できません。

これがおそらく、WebSocket オブジェクトが破棄された理由です。ハンドシェイクの応答に何かが欠けていると思われるため、Firefox はソケットを閉じています。

Websockets に関するウィキペディアの記事から:

Sec-WebSocket-Key1 フィールドと Sec-WebSocket-Key2 フィールド、およびフィールドの後の 8 バイトは、サーバーがクライアントのハンドシェイクを読み取ったことを証明するために、ハンドシェイクの最後に 16 バイトのトークンを構築するために使用するランダム トークンです。

あなたのサーバーの応答には、この特別な番号が下部にありません。そのため、それを生成する方法を見つけて含める必要があると思います。

編集:その番号を生成する方法

key1、key2、およびハンドシェイクの最後の 8 バイトから始めましょう

key1 = "18x 6]8vM;54 *(5:  {   U1]8  z [  8"
key2 = "1_ tx7X d  <  nw  334J702) 7]o}` 0"
end8 = "Tm[K T2u"

数字の 0 ～ 9 以外のすべての文字を無視して、各キーの番号を作成します。Python の場合:

def numFromKey(key):
    return int(filter(lambda c: c in map(str,range(10)),key))

次に、その数を元のキー文字列のスペースの数で割ります。したがって、ここでは、文字列内のスペースをカウントする関数を示します。

def spacesIn(key):
    return len(filter(lambda c: c==' ',key))

キーから得られる 2 つの数値は次のとおりです。

pkey1 = numFromKey(key1)/spacesIn(key1)
pkey2 = numFromKey(key2)/spacesIn(key2)

ここで、pkey1、pkey2、および end8 のバイトを連結する必要があります。処理されたキーは、32 ビットのビッグ エンディアン番号として表す必要があります。

from struct import pack
catstring = pack('>L',pkey1) + pack('>L',pkey2) + end8

次に、これらのバイトの md5 ハッシュを取得して、ハンドシェイクの最後に追加するマジック ナンバーを取得します。

import md5
magic = md5.new(catstring).digest()

それが少なくとも機能すると思う方法です

于 2010-07-13T13:01:02.103 に答える
0

バージョン 8 の時点で、このプロトコルは廃止されました。以下を参照してください。

http://tools.ietf.org/id/draft-ietf-hybi-thewebsocketprotocol-12.txt

プロトコルの新しいバージョン用。

于 2011-12-07T23:04:33.817 に答える