2012-04-05 432 views
23

我想要开始使用node.js和socket.io。
我有一个非常(非常)简单的客户端服务器测试应用程序,我不能让它工作。
该系统设置在带有apache服务器的Windows机器上。
的Apache是​​在port 81运行,并且在socket.io设置听port 8001socket.io - 'connect'事件不会在客户端触发

服务器 - server.js

var io = require('socket.io').listen(8001); 

io.sockets.on('connection', function (socket) { 
    console.log('\ngot a new connection from: ' + socket.id + '\n'); 
}); 

客户 - index.html的

<!DOCTYPE html> 
<html> 
<head> 
    <title>node-tests</title> 
    <script type="text/javascript" src="http://localhost:8001/socket.io/socket.io.js"> </script> 
    <script type="text/javascript"> 
     var socket = io.connect('http://localhost', { port: 8001 }); 

     socket.on('connect', function() { 
      alert('connect'); 
     }); 

     socket.on('error', function (data) { 
      console.log(data || 'error'); 
     }); 

     socket.on('connect_failed', function (data) { 
      console.log(data || 'connect_failed'); 
     }); 
    </script> 
</head> 
<body> 

</body> 
</html> 

使用node server.js启动服务器后,标准(预期)输出为wr伊顿服务器控制台:

info: socket.io started 

当我在浏览器中打开index.html(铬在我的情况 - 在其他浏览器没有测试)以下日志写入服务器控制台:

info: socket.io started 
debug: served static content /socket.io.js 
debug: client authorized 
info: handshake authorized 9952353481638352052 
debug: setting request GET /socket.io/1/websocket/9952353481638352052 
debug: set heartbeat interval for client 9952353481638352052 
debug: client authorized for 

got a new connection from: 9952353481638352052 

debug: setting request GET /socket.io/1/xhr-polling/9952353481638352052?t=1333635235315 
debug: setting poll timeout 
debug: discarding transport 
debug: cleared heartbeat interval for client 9952353481638352052 
debug: setting request GET /socket.io/1/jsonp-polling/9952353481638352052?t=1333635238316&i=0 
debug: setting poll timeout 
debug: discarding transport 
debug: clearing poll timeout 
debug: clearing poll timeout 
debug: jsonppolling writing io.j[0]("8::"); 
debug: set close timeout for client 9952353481638352052 
debug: jsonppolling closed due to exceeded duration 
debug: setting request GET /socket.io/1/jsonp-polling/9952353481638352052?t=1333635258339&i=0 
... 
... 
... 

在浏览器控制台,我得到:

connect_failed 

所以它看起来像客户端到达服务器,并尝试连接,服务器被授权握手,但connect事件永远不会在客户端触发,而是连接方法会达到其connect timeoutmax reconnection attempts,并放弃返回connect_failed

任何帮助\对此的见解将有所帮助。

谢谢

+7

只用io.connect(),它可以推断尝试来自您所在网址的网址和端口。我遇到过问题,io.connect中的事情并不像我期望的那样工作。 – 2012-04-05 18:45:26

+1

@kfiroo你有没有得到任何解决方案? – Hackableweb 2013-07-19 01:11:07

+0

@TimothyStrimple谢谢蒂姆! **再次在heroku(Cedar)和localhost **上工作! – AmpT 2014-04-10 23:34:23

回答

0

尝试以下操作:

变化

var socket = io.connect('http://localhost', { port: 8001 }); 

var socket = io.connect('http://localhost:8001'); 
2

变化在前端(客户端):

var socket = io.connect(http://myapp.herokuapp.com);

var socket = io.connect();

很多时间处理那些没有正确连接注册到服务器的各种客户端(浏览器,火狐浏览器和应用程序的PhoneGap)后(即服务器在其日志中成功注册了websocket连接,但前端没有注册连接事件),我试着从评论中提取@ Timothy的解决方案,现在所有的都再次在heroku和localhost上运行。

4
//Client side 
<script src="http://yourdomain.com:8001/socket.io/socket.io.js"></script> 
var socket = io.connect('http://yourdomain.com:8001'); 

//Server side 
var io = require('socket.io').listen(8001); 
io.sockets.on('connection',function(socket) { 
`console.log('a user connected');` 
}); 

客户端: 客户端代码请求从,让你的服务器端socketIO相同的文件插座IO的客户端版本。 Var套接字现在具有socketIO提供的所有方法,例如socket.emit或socket.on

服务器端: 与客户端相同,使得socketIO方法可在var io下使用。

+0

欢迎来到StackOverflow。你能解释一下这个代码吗?它可以帮助未来的游客。 – 2014-09-15 17:33:44

+0

这是使用node.js连接最简单的方法。 – 2015-07-21 13:09:13

0
// server 
var server = http.createServer(app).listen(8001); 

// client 
var socket = io.connect(); 
0

尝试使用这样的:

Server.js

var http = require("http").createServer(), io = require("socket.io").listen(http); 

http.listen(8001); 

io.sockets.on("connection", function(socket){ 
    console.log("Connected!"); 
    socket.emit("foo", "Now, we are connected"); 
}); 

的index.html

<script src="http://localhost:8001/socket.io/socket.io.js"></script> 
<script> 
    var i = io.connect("http://localhost:5001"); 
    i.on("foo", function(bar){ 
     console.log(bar); 
    }) 
</script>