连接到'的WebSocket;ws://192.168.5.78:8080/Chat-WebSocket/server.php';失败:建立连接时出错:网络::错误\u连接\u被拒绝

连接到'的WebSocket;ws://192.168.5.78:8080/Chat-WebSocket/server.php';失败:建立连接时出错:网络::错误\u连接\u被拒绝,websocket,Websocket,大家好,, 我正在尝试通过web套接字进行连接,以取代我的项目中的ajax日志轮询,因为它有太多的开销,尝试了一个简单的websocket聊天代码,问题是我无法在浏览器控制台中执行get-following错误时进行握手 到“ws://192.168.5.78:8080/Chat WebSocket/server.php”的WebSocket连接失败:建立连接时出错:net::ERR_connection_拒绝 我已在本地计算机客户端上设置客户端代码: 服务器代码位于另一台本地计算机上 192

大家好,, 我正在尝试通过web套接字进行连接,以取代我的项目中的ajax日志轮询,因为它有太多的开销,尝试了一个简单的websocket聊天代码,问题是我无法在浏览器控制台中执行get-following错误时进行握手 到“ws://192.168.5.78:8080/Chat WebSocket/server.php”的WebSocket连接失败:建立连接时出错:net::ERR_connection_拒绝

我已在本地计算机客户端上设置客户端代码:

服务器代码位于另一台本地计算机上

192.168.5.78

这是我的密码

Client :
<script language="javascript" type="text/javascript">  
    //create a new WebSocket object.
    var msgBox = $('#message-box');
    //var wsUri = "ws://192.168.5.78:8080/Chat-WebSocket/server.php";   
    var websocket = new WebSocket("ws://192.168.5.78:8080/Chat-WebSocket/server.php");
    //websocket = new WebSocket(wsUri); 

    websocket.onopen = function(ev) { // connection is open 
        msgBox.append('<div class="system_msg" style="color:#bbbbbb">Welcome to my "Demo WebSocket Chat box"!</div>'); //notify user
    }

    // Message received from server
    websocket.onmessage = function(ev) {
        var response        = JSON.parse(ev.data); //PHP sends Json data

        var res_type        = response.type; //message type
        var user_message    = response.message; //message text
        var user_name       = response.name; //user name
        var user_color      = response.color; //color

        switch(res_type){
            case 'usermsg':
                msgBox.append('<div><span class="user_name" style="color:' + user_color + '">' + user_name + '</span> : <span class="user_message">' + user_message + '</span></div>');
                break;
            case 'system':
                msgBox.append('<div style="color:#bbbbbb">' + user_message + '</div>');
                break;
        }
        msgBox[0].scrollTop = msgBox[0].scrollHeight; //scroll message 

    };

    websocket.onerror   = function(ev){ msgBox.append('<div class="system_error">Error Occurred - ' + ev.data + '</div>'); };

    websocket.onclose   = function(ev){ msgBox.append('<div class="system_msg">Connection Closed</div>'); }; 

    //Message send button
    $('#send-message').click(function(){
        send_message();
    });

    //User hits enter key 
    $( "#message" ).on( "keydown", function( event ) {
      if(event.which==13){
          send_message();
      }
    });

    //Send message
    function send_message(){
        var message_input = $('#message'); //user message text
        var name_input = $('#name'); //user name

        if(message_input.val() == ""){ //empty name?
            alert("Enter your Name please!");
            return;
        }
        if(message_input.val() == ""){ //emtpy message?
            alert("Enter Some message Please!");
            return;
        }

        //prepare json data
        var msg = {
            message: message_input.val(),
            name: name_input.val(),
            color : '<?php echo $colors[$color_pick]; ?>'
        };
        //convert and send data to server
        websocket.send(JSON.stringify(msg));    
        message_input.val(''); //reset message input
    }
</script>


Server :

<?php 
$host = '192.168.5.78'; //host
$port = '8080'; //port
$null = NULL; //null var

//Create TCP/IP sream socket
$socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
//reuseable port
socket_set_option($socket, SOL_SOCKET, SO_REUSEADDR, 1);

//bind socket to specified host
socket_bind($socket, 0, $port);

//listen to port
socket_listen($socket);

//create & add listning socket to the list
$clients = array($socket);

//start endless loop, so that our script doesn't stop
while (true) {
    //manage multipal connections
    $changed = $clients;
    //returns the socket resources in $changed array
    socket_select($changed, $null, $null, 0, 10);

    //check for new socket
    if (in_array($socket, $changed)) {
        $socket_new = socket_accept($socket); //accpet new socket
        $clients[] = $socket_new; //add socket to client array

        $header = socket_read($socket_new, 1024); //read data sent by the socket
        perform_handshaking($header, $socket_new, $host, $port); //perform websocket handshake

        socket_getpeername($socket_new, $ip); //get ip address of connected socket
        $response = mask(json_encode(array('type'=>'system', 'message'=>$ip.' connected'))); //prepare json data
        send_message($response); //notify all users about new connection

        //make room for new socket
        $found_socket = array_search($socket, $changed);
        unset($changed[$found_socket]);
    }

    //loop through all connected sockets
    foreach ($changed as $changed_socket) { 

        //check for any incomming data
        while(socket_recv($changed_socket, $buf, 1024, 0) >= 1)
        {
            $received_text = unmask($buf); //unmask data
            $tst_msg = json_decode($received_text, true); //json decode 
            $user_name = $tst_msg['name']; //sender name
            $user_message = $tst_msg['message']; //message text
            $user_color = $tst_msg['color']; //color

            //prepare data to be sent to client
            $response_text = mask(json_encode(array('type'=>'usermsg', 'name'=>$user_name, 'message'=>$user_message, 'color'=>$user_color)));
            send_message($response_text); //send data
            break 2; //exist this loop
        }

        $buf = @socket_read($changed_socket, 1024, PHP_NORMAL_READ);
        if ($buf === false) { // check disconnected client
            // remove client for $clients array
            $found_socket = array_search($changed_socket, $clients);
            socket_getpeername($changed_socket, $ip);
            unset($clients[$found_socket]);

            //notify all users about disconnected connection
            $response = mask(json_encode(array('type'=>'system', 'message'=>$ip.' disconnected')));
            send_message($response);
        }
    }
}
// close the listening socket
socket_close($socket);

function send_message($msg)
{
    global $clients;
    foreach($clients as $changed_socket)
    {
        @socket_write($changed_socket,$msg,strlen($msg));
    }
    return true;
}


//Unmask incoming framed message
function unmask($text) {
    $length = ord($text[1]) & 127;
    if($length == 126) {
        $masks = substr($text, 4, 4);
        $data = substr($text, 8);
    }
    elseif($length == 127) {
        $masks = substr($text, 10, 4);
        $data = substr($text, 14);
    }
    else {
        $masks = substr($text, 2, 4);
        $data = substr($text, 6);
    }
    $text = "";
    for ($i = 0; $i < strlen($data); ++$i) {
        $text .= $data[$i] ^ $masks[$i%4];
    }
    return $text;
}

//Encode message for transfer to client.
function mask($text)
{
    $b1 = 0x80 | (0x1 & 0x0f);
    $length = strlen($text);

    if($length <= 125)
        $header = pack('CC', $b1, $length);
    elseif($length > 125 && $length < 65536)
        $header = pack('CCn', $b1, 126, $length);
    elseif($length >= 65536)
        $header = pack('CCNN', $b1, 127, $length);
    return $header.$text;
}

//handshake new client.
function perform_handshaking($receved_header,$client_conn, $host, $port)
{
    $headers = array();
    $lines = preg_split("/\r\n/", $receved_header);
    foreach($lines as $line)
    {
        $line = chop($line);
        if(preg_match('/\A(\S+): (.*)\z/', $line, $matches))
        {
            $headers[$matches[1]] = $matches[2];
        }
    }

    $secKey = $headers['Sec-WebSocket-Key'];
    $secAccept = base64_encode(pack('H*', sha1($secKey . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11')));
    //hand shaking header
    $upgrade  = "HTTP/1.1 101 Web Socket Protocol Handshake\n" .
    "Upgrade: websocket\n" .
    "Connection: Upgrade\n" .
    "WebSocket-Origin: $host\n" .
    "WebSocket-Location: ws://$host:$port/demo/shout.php\n".
    "Sec-WebSocket-Accept:$secAccept\r\n\r\n";
    socket_write($client_conn,$upgrade,strlen($upgrade));
}
客户端:
//创建新的WebSocket对象。
var msgBox=$(“#消息框”);
//var wsUri=“ws://192.168.5.78:8080/Chat-WebSocket/server.php”;
var websocket=newwebsocket(“ws://192.168.5.78:8080/Chat websocket/server.php”);
//websocket=新的websocket(wsUri);
websocket.onopen=功能(ev){//连接已打开
msgBox.append('欢迎使用我的“演示WebSocket聊天盒”!');//通知用户
}
//从服务器收到的消息
websocket.onmessage=函数(ev){
var response=JSON.parse(ev.data);//PHP发送JSON数据
var res_type=response.type;//消息类型
var user_message=response.message;//消息文本
var user_name=response.name;//用户名
var user_color=response.color;//color
开关(res_型){
案例“usermsg”:
msgBox.append(''+用户名+'':''+用户消息+'');
打破
案例“系统”:
msgBox.append(“”+用户消息+“”);
打破
}
msgBox[0]。scrollTop=msgBox[0]。scrollHeight;//滚动消息
};
websocket.onerror=函数(ev){msgBox.append('发生错误-'+ev.data+'');};
websocket.onclose=函数(ev){msgBox.append('Connection Closed');};
//消息发送按钮
$(“#发送消息”)。单击(函数(){
发送消息();
});
//用户点击回车键
$(“#消息”)。在(“向下键”上,函数(事件){
if(event.which==13){
发送消息();
}
});
//发送消息
函数send_message(){
var message_input=$('#message');//用户消息文本
var name_input=$('#name');//用户名
如果(message_input.val()==“”){//空名称?
警告(“请输入您的姓名!”);
返回;
}
如果(message_input.val()==“”){//emtpy message?
警报(“请输入一些消息!”);
返回;
}
//准备json数据
var msg={
message:message_input.val(),
名称:name_input.val(),
颜色:“”
};
//转换并将数据发送到服务器
send(JSON.stringify(msg));
message_input.val(“”);//重置消息输入
}
服务器:

如何运行服务器?使用Apache:我有两台本地计算机,一台用作客户端,另一台用作服务器,不会启动服务器。你必须让它运行,这样你才能连接到它。这意味着您的PHP服务器脚本必须在尝试连接之前运行。服务器已处于运行状态:使用xampp控制面板