如何使用Ratchet從服務器發送和獲取數據

Question

這是我第一次使用套接字，並從Ratchet開始使用，但是我嚴重無法適應它。 仍然嘗試將本教程中的某些部分結合在一起，但遇到了一些問題。 另外，我想知道如何與它一起使用autobahn.js 。 這些教程不清楚。

我的問題

1）如何向所有用戶發送消息，當前用戶除外，說明“ ...已加入”，而“ ...”必須是該用戶的ip。

我嘗試了以下操作，但它在終端上給了我錯誤。

public function onOpen(ConnectionInterface $conn) {
           // Store the new connection to send messages to later
           $this->clients->attach($conn);
           $this->send('new');
           echo "New connection! ({$conn->remoteAddress})\n";    
}

調用未定義的方法MyApp \\ Chat :: send（）

2）怎么做，以便在發送消息時，所有各方（包括正在發送消息的人）都可以查看該消息（這就是每次聊天的工作方式）？

JS

var conn = new WebSocket('ws://localhost:8080');

conn.onopen = function(e) {
    //console.log("Connection established!");
    $("#chat_window #messages_list").append("<li class='join_disconnect'>127.0.0.1 Online</li>");
}
conn.onmessage = function(e) {
    //console.log(e.data);
    $("#chat_window #messages_list").append("<li class='thread'>"+e.data+"</li>");
}
conn.onclose = function(e) {
    //console.log("Connection Disconnected!");
    $("#chat_window #messages_list").append("<li class='join_disconnect'>127.0.0.1 Offline</li>");
};



$(document).ready(function(){

        disable_button();


        //EMERGENCY EXIT
        $('#exit').click(function(){
                window.location.replace('http://www.google.com');
        });


        //PREVENT BLANK INPUT
        $('#msg').on('keyup', function(e){

                if($(this).val().length>0){
                    enable_button();
                }
                else{
                    disable_button();
                }

        });

        //SEND MESSAGE
        $('#snd').click(function(){
            var thread = $('#msg').val();
            //console.log(thread);
            //conn.send(thread);
            $.ajax({
                type:'POST',
                url: './bin/send-message.php',
                data: {msg: thread},
                success: function(response){
                    //alert(response);
                    if(response!=1){
                        $('#msg').val('');
                        disable_button();
                    }
                }
            });
        });

        //ENABLE BUTTON
        function enable_button() {
            var element = document.getElementById('snd');
            $(element).addClass('active');
            element.style.pointerEvents = '';
        }

        //DISABLE BUTTON
        function disable_button() {
            var element = document.getElementById('snd');
            $(element).removeClass('active');
            element.style.pointerEvents = 'none';
        }


});

我知道這些問題很多，但我真的很想知道。 如果有任何循序漸進的易學教程，也歡迎您。

Answer 1

如果您嘗試從Rachet網站的教程中更改示例，那么第一個問題解決方案是：

public function onOpen(ConnectionInterface $conn) {
    // first, you are sending to all existing users message of 'new'
    foreach ($this->clients as $client) {
        $client->send('new');
    }
    // than,
    // Store the new connection to send messages to later
    $this->clients->attach($conn);

    echo "New connection! ({$conn->resourceId})\n";
}

關於第二個問題，如果我說對了，您應該向所有連接的客戶端發送新消息，如下所示：

public function onMessage(ConnectionInterface $from, $msg) {
    $numRecv = count($this->clients) - 1;
    echo sprintf('Connection %d sending message "%s" to %d other connection%s' . "\n"
        , $from->resourceId, $msg, $numRecv, $numRecv == 1 ? '' : 's');

    foreach ($this->clients as $client) {
        // remove this check
        // if ($from !== $client) { 
            // The sender is not the receiver, send to each client connected
            // $client->send($msg);
        // }

        // just send to all
        $client->send($msg);
    }
}

---

更新 ：完整的解決方案。

在Chat.php ，您需要修改一些方法：

public function onOpen(ConnectionInterface $conn) {
    // first, you are sending to all existing users message of 'new'
    foreach ($this->clients as $client) {
        $client->send('<status>' . $conn->remoteAddress . ' Online</status>'); //here we are sending a status-message
    }
    // than,
    // Store the new connection to send messages to later
    $this->clients->attach($conn);

        echo "New connection! ({$conn->remoteAddress})\n";
}

public function onClose(ConnectionInterface $conn) {
    // The connection is closed, remove it, as we can no longer send it messages
    $this->clients->detach($conn);

    //send to others clients message about disconnected user
    foreach ($this->clients as $client) {
        $client->send('<status>' . $conn->remoteAddress . ' Offline</status>'); //here we are sending a status-message too
    }

    echo "Connection {$conn->remoteAddress} has disconnected\n";
}

在您的js代碼中，修改下一個方法：

conn.onmessage = function(e) {
    //console.log(e.data);
    var match = e.data.match(/^<status>(.*?)<\/status>$/i);
    if (match) {
        if (/\d+\.\d+\.\d+\.\d+ online/i.test(match[1])) {
            messages.append('<li class="join_connect">' + match[1] + "</li>");
        } else if (/\d+\.\d+\.\d+\.\d+ offline/i.test(match[1])) {
            messages.append('<li class="join_disconnect">' + match[1] + "</li>");
        }
    } else {
        messages.append('<li class="thread">' + e.data + "</li>");
    }
};