Firefox - WebSocket - 没有建立连接

时间:2012-03-06 16:34:01

标签: javascript perl firefox client-server websocket

我正在尝试通过Websocket向服务器发送一些消息。该网页包含一个带有javascript的简单html。这是html文件“delete_This.html”。

<html>
<head>
<script type="text/javascript" src="delete_This.js"></script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>

<input type="button" onclick="show()" value="Display Confirm">
</body>
</html>

这是javascript文件“delete_This.js”。

function show()
{
    var port = "8080";
    var address_0="ws://192.168.1.2:" + port;
    var address_1="ws://127.0.0.1:" + port;
    var address_2="ws://localhost:" + port;
    var ws;
    if ("WebSocket" in window)
    ws = new WebSocket(address_2); //843
    else if("MozWebSocket" in window)
    ws = new MozWebSocket(address_2); //843
    else
    alert("WebSockets NOT supported here!rnrnBrowser: " + navigator.appName + " " + navigator.appVersion + "rnrntest by jimbergman.net (based on Google sample code)");

    try
    {
    ws.onmessage = function (evt) 
    {
        var received_msg = evt.data; 
    };

    ws.onopen = function(evt)
    {
        alert("connection opened");
        // Web Socket is connected. You can send data by send() method
        ws.send("message to send");
    };

    ws.onclose = function() 
    {
        // websocket is closed. };
        alert("WebSockets supported here!rnrnBrowser: " + navigator.appName + " " + navigator.appVersion + "rnrntest by jimbergman.net (based on Google sample code)");
    }
    }
    catch(evt)
    {
        alert(evt.data);
    }

}

这是服务器端perl脚本“socketpolicy.pl”。

use Socket;
use IO::Handle;

STDOUT->autoflush(1);
my $should_be_logging = 1;  # change to 0 to turn off logging.

my $logfile = 'log';

if ($should_be_logging) 
{
    open(LOG, ">$logfile") or warn "Can't open $logfile: $!\n";
    LOG->autoflush(1);
}

my $port = 8080; #843

my $proto = getprotobyname('tcp');

# start the server:
#&log("Starting server on port $port");
 print "Starting server on port $port\n";
socket(Server, PF_INET, SOCK_STREAM, $proto) or die "socket: $!";
setsockopt(Server, SOL_SOCKET, SO_REUSEADDR, 1 ) or die "setsockopt: $!";
bind(Server,sockaddr_in($port,INADDR_ANY)) or die "bind: $!";
print "binding happened\n";
listen(Server,SOMAXCONN) or die "listen: $!";

Server->autoflush( 1 );

my $paddr;
#&log("Server started. Waiting for connections.");
print "Server started. Waiting for connections.\n";

$/ = "\0";      # reset terminator to null char

# listening loop.

for ( ; $paddr = accept(Client,Server); close Client) 
{
    print "one connection accepted\n";
    Client->autoflush(1);
    my($port,$iaddr) = sockaddr_in($paddr);
    my $ip_address   = inet_ntoa($iaddr);
    my $name         = gethostbyaddr($iaddr,AF_INET) || $ip_address;
    #&log( scalar localtime() . ": Connection from $name" );
print ( scalar localtime() . ": Connection from $name\n" );

    #print STDOUT <Client>;
    #print Client "Welcome";
    my $line = <Client>;
    #&log("Input: $line");
    print STDOUT $line;
    my $client_Sent_Key;
    if ($line =~ /("Sec-WebSocket-Key:")(.*)/i)
    {
        $client_Sent_Key = $2;
    print STDOUT $client_Sent_Key;
    }

    print Client "Hello World";
    #if ($line =~ /.*policy\-file.*/i) 
    #{
    #    print Client &xml_policy;
    #}
}

sub xml_policy 
{
    my $str = qq(<cross-domain-policy><allow-access-from domain="*" to-ports="*" />  </cross-domain-policy>\0);
    return $str;
}

sub log
{
    my($msg) = @_;
    if ($should_be_logging) 
   {
       print LOG $msg,"\n";
   #print $msg,"\n";
   }
}

有趣的是服务器正在接受连接并显示它有一个连接。但是,客户端(Firefox浏览器)显示连接未建立。并且存在从客户端发送到服务器端的消息。这是服务器端显示。

C:\Documents and Settings\prabhakaran\Desktop>perl socketpolicy.pl
Starting server on port 8080
binding happened
Server started. Waiting for connections.
one connection accepted
Tue Mar  6 21:50:47 2012: Connection from localhost

这是FireBug客户端的调试信息

Firefox can't establish a connection to the server at ws://localhost:8080/.
ws = new MozWebSocket(address_2); //843             delete_This.js (line 44)

这个部分是个谜。我在浏览器中关闭页面后。服务器正在从客户端接收一些消息。这是服务器端显示。新消息在“从localhost连接”之后开始。

C:\Documents and Settings\prabhakaran\Desktop>perl socketpolicy.pl
Starting server on port 8080
binding happened
Server started. Waiting for connections.
one connection accepted
Tue Mar  6 21:50:47 2012: Connection from localhost
GET / HTTP/1.1
Host: localhost:8080
User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:10.0.2) Gecko/20100101 Firefox/10.0.
2
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive, Upgrade
Sec-WebSocket-Version: 8
Sec-WebSocket-Origin: null
Sec-WebSocket-Extensions: deflate-stream
Sec-WebSocket-Key: riHRie5CtAA9Z7sHOobAMg==
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket

我的问题是

1)如何成功建立连接?

2)如何让WebSocket立即发送消息?

如果有人对这些问题给出答案,我将非常感谢他们。

注意:我使用的是Firefox 10.0.0.2,Windows平台和Strawberry Perl。

1 个答案:

答案 0 :(得分:2)

您的服务器正在尝试将WebSocket连接视为普通套接字连接。但是WebSocket连接有自己的协议。请参阅IETF 6455 specificiation

总结:

  • WebSocket连接具有HTTP友好握手,服务器必须正确响应(在服务器正确响应之前,客户端不会将连接注册为打开)。除此之外,这种握手使得在与Web服务器相同的端口上运行WebSocket服务器(并重用现有的防火墙配置)变得更加容易。握手还允许一定程度的CORS安全性。
  • 每个WebSocket帧/消息包括一个头部,其中包括有效载荷长度和有效载荷类型等。在浏览器到服务器帧(但不是服务器到浏览器帧)的情况下,还使用应用于有效载荷的4字节运行XOR掩码来屏蔽有效载荷。掩码数据包含在标题之后的前4个字节中。

<强>更新

在您的特定代码中:

my $line = <Client>;

实际上是为文件I / O而设计的,它正在尝试读取整个文件。这意味着它在到达文件末尾之前不会返回。在套接字上下文中,EOF表示套接字关闭时。我认为你真的想要一些像标准套接字recv调用更原始的东西。您将需要recv,直到您收到'\ r \ n \ r \ n'表示握手结束,然后您需要将累积的内容拆分为各个标题行以进行处理。