美好的一天
我正在使用棘轮构建一个聊天应用程序并将数据保存到mysql数据库。在localhost上,一切运行良好,并建立连接。
现在我已经在实时服务器上加载应用程序并使用SSH(Putty)登录,然后导航到php bin/chat-server.php
然后在浏览器控制台上我收到此错误:
与'wss://donorgametes.com:8080 /'的WebSocket连接失败:连接建立错误:net :: ERR_CONNECTION_TIMED_OUT
这是我的应用程序的URL
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 Ratchet\Server\IoServer;
use Ratchet\Http\HttpServer;
use Ratchet\WebSocket\WsServer;
use MyApp\Chat;
require dirname(__DIR__) . '/vendor/autoload.php';
$server = IoServer::factory(
new HttpServer(
new WsServer(
new Chat()
)
),
8080
);
$server->run();
如何在实时服务器上运行并获得连接?我必须遵循哪些步骤?
在检查您的应用页面源后,我发现您使用localhost
进行连线号码:38
var conn = new WebSocket('wss://localhost:8080');
哪个错了,你应该使用自己的域名。
第二件事是检查你域上的端口转发后我发现端口8080
现在被阻止。因此,您最好要求您的托管服务提供商在IPTABLES
中打开端口以获取传入连接,或者如果您具有root访问权限,那么尝试使用此Article它可能会帮助您允许端口转发。
在您的网站上,您使用的是其他端口(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与'wss://donorgametes.com:35814 /'的WebSocket连接失败:连接建立错误:net :: ERR_CONNECTION_TIMED_OUT