【发布时间】：2013-12-04 06:37:45
【问题描述】：
根据我的搜索，这应该不难，到目前为止我已经尝试了很多没有运气的事情。我有一个在 Heroku 上运行的 Node.js 服务器，它创建了一个 socket.io 服务器（我也尝试在 Nodejitsu 上托管它，但没有帮助）。如果我从要创建 websocket 连接的实际 Node.js 服务器提供页面，则 socket.io 套接字连接可以正常工作，但我无法使任何跨域套接字连接尝试工作。
我尝试了几种方法跨域连接到这个 socket.io 服务器：
(1) 一个简单的本地 HTML 文件，其中包含一些脚本，该脚本成功地从节点服务器获取客户端 socket.io 库（使用 $.getScript），然后尝试创建套接字连接（var socket = io.connect(' nodejs_server_hostname:port_num');)，失败了。
(2) 在本地运行 rails 应用服务器（开发模式），向包含 javascript 的客户端提供响应，该客户端尝试以与方法 (1) 相同的方式形成 websocket 连接，但失败
(3) 在 Heroku 中托管 rails 应用，和方法 (2) 做同样的事情。这也失败了。我确保启用 Heroku 文档 (https://devcenter.heroku.com/articles/heroku-labs-websockets) 中指定的 websockets。再一次，如果请求是从客户端尝试与之建立 socket.io 连接的实际 Node.js 服务器提供的，那么一切正常。
socket.socket.on('error') 事件在所有三个尝试中都被触发。
我尝试使用以下代码修改 rails 应用程序中的 http 响应标头：
response.headers['Access-Control-Allow-Origin'] = '*'
这会正确设置标题（我在从 rails 服务器请求页面后检查过），但它不能解决套接字连接问题。
我在执行日志记录的 Node.js 服务器上创建了一个 socket-io 授权回调，对于跨域套接字连接尝试来说，这个回调似乎根本没有被命中。所以看起来 Node.js 服务器甚至从来没有看到过 websocket 连接尝试，这让我很困惑。
下面我将粘贴所有相关的代码文件。
Node.js 服务器文件：
var http = require('http'),
express = require('express'),
whiskers = require('whiskers'),
redis = require('redis'),
port = process.env.PORT || 5000,
app = express(),
server = http.createServer(app).listen(port),
io = require('socket.io').listen(server);
console.log('---- ' + port);
console.log(port);
console.log('---- ' + port);
io.configure(function () {
io.set('authorization', function (handshakeData, callback) {
console.log("-- inside io.set('authorization, cb)")
console.log('-- handshakeData:');
console.log(handshakeData);
console.log('-- end of handshakeData logging --');
callback(null, true); // error first callback style
});
});
app.configure(function() {
app.use(express.static(__dirname + '/public'));
app.set('views', __dirname + '/views');
app.set('view options', { layout: false });
app.engine('.html', whiskers.__express);
});
app.get('/', function(req, res) {
res.render('index.html');
});
io.sockets.on('connection', function(socket) {
console.log('---- new client connected ----');
console.log(socket);
console.log('---- end of socket details logging for new client connection ----');
socket.emit('news', { hello: 'world' });
socket.on('my other event', function(data) {
console.log("-- server -- inside socket.on 'my other event' callback");
console.log(data);
});
socket.on('button clicked', function(data) {
console.log("-- server -- inside socket.on 'button clicked' callback");
console.log(data);
io.sockets.emit('news', { info: 'the button was clicked' });
});
});
这是来自 Rails 应用程序的客户端 javascript 文件：
$(document).ready(function() {
console.log('-- inside chat.js -- document is ready');
$('#join-chat-container').hide();
$('#new-message-container').hide();
//$.getScript('http://node-server-for-rails-chat.herokuapp.com/socket.io/socket.io.js')
$.getScript('http://node-server-for-rails-chat.jit.su/socket.io/socket.io.js')
.done(function( script, textStatus ) {
console.log("-- socket.io.js loaded and executed -- textStatus: " + textStatus);
setup_socket();
})
.fail(function( jqxhr, settings, exception ) {
console.log("-- socket.io.js load error -- exception:");
console.log(exception);
console.log("-- jqxhr: " + jqxhr);
});
});
function setup_socket() {
//var socket = io.connect('node-server-for-rails-chat.herokuapp.com', { port: 19364 });
//var socket = io.connect('node-server-for-rails-chat.jit.su', { port: 5000 });
var socket = io.connect('node-server-for-rails-chat.herokuapp.com:27305');
socket.socket.on('error', function (reason) {
console.log('--- cant connect');
console.log(reason);
console.error('Unable to connect Socket.IO', reason);
});
socket.on('connect_failed', function() {
console.log('connect failed');
});
socket.on('connect', function() {
console.log('successfully connected!');
});
socket.on('message', function (message_html) {
console.log("-- client -- inside socket.on('message', cb) callback");
console.log("-- client -- message_html: " + message_html);
add_message(message_html);
});
if (!socket.socket.connected) {
console.log(socket);
console.log("-- Error connecting with socket");
}
socket_loaded(socket);
};
function socket_loaded(socket) {
// this part contains irrelevant (not socket related) code
}
//more irrelevant code excluded for brevity (add_message function, plus other stuff)
这是我在浏览器本地打开的独立HTML文件：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
<script>
$(document).ready(function() {
if (typeof jQuery !== 'undefined') {
console.log('-- client -- jQuery library loaded successfully');
$('#myButton').on('click', function() {
console.log("-- client -- inside jquery '#myButton' click callback");
socket.emit('button clicked', { button: '#myButton' });
});
}
$.getScript('http://node-server-for-rails-chat.herokuapp.com/socket.io/socket.io.js')
.done(function( script, textStatus ) {
console.log("-- socket.io.js loaded and executed -- textStatus: " + textStatus);
socket_is_loaded();
})
.fail(function( jqxhr, settings, exception ) {
console.log("-- socket.io.js load error -- exception:");
console.log(exception);
console.log("-- jqxhr: " + jqxhr);
});
});
function socket_is_loaded() {
//var socket = io.connect('node-server-for-rails-chat.jit.su:5000');
var socket = io.connect('node-server-for-rails-chat.herokuapp.com:27305');
socket.socket.on('error', function (reason) {
console.log('--- cant connect');
console.log(reason);
console.error('Unable to connect Socket.IO', reason);
});
socket.on('connect_failed', function() {
console.log('connect failed');
});
socket.on('connect', function() {
console.log('successfully connected!');
});
socket.on('news', function(data) {
console.log("-- client -- inside socket.on 'news' callback");
console.log(data);
//socket.emit('my other event', { my: 'data' });
});
}
</script>
</head>
<body>
<h1>Socket.io How-to-use Example Script</h1>
<input type='button' id='myButton' value='click me!'/>
</body>
</html>
有人对我如何解决这个问题有想法吗？非常感谢。
【问题讨论】：
标签： node.js websocket ruby-on-rails-4 socket.io cross-domain