WebSocket 连接到失败:连接建立时出错:net::ERR_CONNECTION_TIMED_OUT

Question

大家好

我正在使用棘轮构建一个聊天应用程序，并将数据保存到mysql数据库。在本地主机上，一切正常，并建立了连接。

现在我已经在实时服务器上加载了该应用程序并使用SSH(Putty(登录，然后导航到php bin/chat-server.php然后在浏览器控制台上出现此错误：

WebSocket 连接到"wss://donorgametes.com:8080/"失败：错误 在连接建立中：净：：ERR_CONNECTION_TIMED_OUT

这是我的应用程序网址

https://donorgametes.com/MyApp/

我的代码 ：

<script>
    var conn = new WebSocket('wss://donorgametes.com:8080');
    conn.onopen = function (e) {
        console.log("Connection established!");
    };
    conn.onmessage = function (e) {
        showMessage(e.data, 'Others');
    };
    document.querySelector('#chat-form').addEventListener('submit', function (e) {
        e.preventDefault();
        var messageElement = document.querySelector('#message');
        var message = messageElement.value;
        var messageData = {
            'userId': '12',
            'content': message
        }
        var messageDataJson = JSON.stringify(messageData);
        conn.send(JSON.stringify(messageDataJson));
        showMessage(message, 'Me');
        messageElement.value = '';
    });
    function showMessage(msg, sender) {
        var messageItem = document.createElement('li');
        var className = 'list-group-item';
        if (messageItem.classList)
            messageItem.classList.add(className);
        else
            messageItem.className += ' ' + className;
        messageItem.innerHTML = '<strong>' + sender + ': </strong>' + msg;
        document.querySelector('#chat-area > ul').appendChild(messageItem);
    }
</script>

聊天服务器

use RatchetServerIoServer;
use RatchetHttpHttpServer;
use RatchetWebSocketWsServer;
use MyAppChat;
require dirname(__DIR__) . '/vendor/autoload.php';
$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new Chat()
        )
    ),
    8080
);
$server->run();

如何在实时服务器上运行它并获得连接？我必须遵循哪些步骤？

Answer 1

检查您的应用程序页面源代码后，我发现您正在使用localhost进行连接，行号：38

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

这是错误的，您应该使用自己的域名。

第二件事是在检查域上的端口转发后，我发现端口8080现在被阻止了。因此，您最好要求您的托管服务提供商为传入连接打开端口IPTABLES或者如果您有root访问权限，请尝试本文，它可能会帮助您允许端口丢失。

Answer 2

在您的网站上，您使用的是其他端口 (35814(。
因此，设置正确的参数可能会有些混乱。

<script>
    var conn = new WebSocket('wss://donorgametes.com:35814');
    conn.onopen = function (e) {
        console.log("Connection established!");
    };
    conn.onmessage = function (e) {
        showMessage(e.data, 'Others');
    };
    document.querySelector('#chat-form').addEventListener('submit', function (e) {
        e.preventDefault();
        var messageElement = document.querySelector('#message');
        var message = messageElement.value;
        var messageData = {
            'userId': '12',
            'content': message
        }
        var messageDataJson = JSON.stringify(messageData);
        conn.send(JSON.stringify(messageDataJson));
        showMessage(message, 'Me');
        messageElement.value = '';
    });
    function showMessage(msg, sender) {
        var messageItem = document.createElement('li');
        var className = 'list-group-item';
        if (messageItem.classList)
            messageItem.classList.add(className);
        else
            messageItem.className += ' ' + className;
        messageItem.innerHTML = '<strong>' + sender + ': </strong>' + msg;
        document.querySelector('#chat-area > ul').appendChild(messageItem);
    }
</script>

显示的错误适合脚本中的端口：

(索引(：38 WebSocket 连接到"wss://donorgametes.com:35814/"失败：连接建立时出错：net：：ERR_CONNECTION_TIMED_OUT