Соединение простого приложения чата Node.js & Socket.io с приложением Rails (на Heroku)
У меня есть основной Node.js & amp; Приложение чата Socket.io, работающее на Heroku, которое я хочу интегрировать в мой основной сайт рельсов. Я понимаю, что для этого нужно иметь два отдельных приложения Heroku - одно для рельсов, другое для Node.js.
Это выглядит не так просто, как перемещение клиентского html из приложения узла в приложение rails (предоставление ему URL другого приложения в io.connect ();).
Похоже, что сервер чата автоматически вызывает клиентский файл index.html своим собственным приложением и не позволяет внешнему источнику подключаться к нему. Удаление кода, который делает это (отмечен ниже), не заставляет его работать.
Я ужасно новичок в Node.js & amp; Socket.io и я надеюсь, что это может быть относительно простым решением для профессионала.
Я полагаю, что функциональность, которую я здесь предоставил, работает в отличном примере rails / node.js / socket.io Лиама Кауфмана - его код сервера node.js находится здесь:https://github.com/liamks/Chatty-Node-Server/blob/master/chat-server.js
Я пытался макетировать код моего приложения так, чтобы он был похож на его, но пока не смог заставить его работать. Он например по-видимому, использует «http» apos; сервер, в то время как мой использует «экспресс»; сервер - я задавался вопросом, может ли это быть актуальным.
Любая помощь будет принята с благодарностью.
UPDATEИтак, странный поворот событий, благодаря ответу redhotvengeance, приведенному ниже, я получил эту работу - сервер работает на heroku, и мой клиент html и javascript подключается к нему. Отлично - код ниже. Проблема, однако, в том, что клиентский html-файл подключается только тогда, когда он находится вне приложения Rails !! то есть на моем рабочем столе !! В тот момент, когда я помещаю его в общую папку / папку приложения rails или в виде на моем локальном хосте, я ничего не получаю! Это не имеет никакого смысла. Я проверил, что это не из-за какого-либо другого случайного ошибочного javascript в моем конвейере ресурсов, конфликтующего, просто создав новое приложение rails и поместив html-файл в public / folder - опять же ничего - просто мертвую html-страницу, которая не соединяется. Кто-нибудь знает, что здесь происходит? Есть ли в Rails какая-то функция безопасности, которая останавливает соединения с внешними серверами или что-то в этом роде?
UPDATE 2Мне сказали, что это как-то связано с «политикой того же происхождения», и я попал в беду. Есть ли способ обойти это? Кажется, у Лиама не было этой проблемы.
Клиент:
<script src="http://calm-sands-3826.herokuapp.com/socket.io/socket.io.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
var socket = io.connect('http://calm-sands-3826.herokuapp.com');
// on connection to server, ask for user's name with an anonymous callback
socket.on('connect', function(){
// call the server-side function 'adduser' and send one parameter (value of prompt)
socket.emit('adduser', prompt("What's your name?"));
});
// listener, whenever the server emits 'updatechat', this updates the chat body
socket.on('updatelog', function (username, data) {
$('#log').append('<b>'+username + ':</b> ' + data + '<br>');
});
// listener, whenever the server emits 'updateusers', this updates the username list
socket.on('updateusers', function(data) {
$('#users').empty();
$.each(data, function(key, value) {
$('#users').append('<div>' + key + '</div>');
});
});
</script>
<div style="float:left;width:100px;border-right:1px solid black;height:300px;padding:10px;overflow:scroll-y;">
<b>USERS</b>
<div id="users"></div>
</div>
<div style="float:left;width:300px;height:250px;overflow:scroll-y;padding:10px;">
<div id="log"></div>
</div>
Сервер:
var port = process.env.PORT || 5001;
var io = require('socket.io').listen(parseInt(port));
io.configure(function(){
io.set("transports", ["xhr-polling"]);
io.set("polling duration", 10);
io.set("close timeout", 10);
io.set("log level", 1);
})
// usernames which are currently connected to the chat
var usernames = {};
io.sockets.on('connection', function (socket) {
// when the client emits 'adduser', this listens and executes
socket.on('adduser', function(username){
// we store the username in the socket session for this client
socket.username = username;
// add the client's username to the global list
usernames[username] = username;
// echo to client they've connected
socket.emit('updatelog', 'SERVER', 'you have connected');
// echo globally (all clients) that a person has connected
socket.broadcast.emit('updatelog', 'SERVER', username + ' has connected');
// update the list of users in chat, client-side
io.sockets.emit('updateusers', usernames);
});
// when the user disconnects.. perform this
socket.on('disconnect', function(){
// remove the username from global usernames list
delete usernames[socket.username];
// update list of users in chat, client-side
io.sockets.emit('updateusers', usernames);
// echo globally that this client has left
socket.broadcast.emit('updatelog', 'SERVER', socket.username + ' has disconnected');
});
});