我正在使用Socket.IO主页(http://socket.io/)中的示例。它可以正常工作,但是在发送数据的时间与从另一端接收到数据之间存在巨大的延迟。
我正在使用XAMPP,我的目录中有socket.html,并在浏览器中使用“ http://localhost/socket.html”导航到它,并且我的服务器在端口8080上侦听。
服务器:
var io = require('socket.io').listen(8080); io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); });
HTML档案:
<html> <head> <script src="http://localhost:8080/socket.io/socket.io.js"></script> <script> var socket = io.connect('http://localhost:8080'); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); }); </script> </head> <body> </body> </html>
我发现了问题。
在服务器中,我进行了更改:
var io = require('socket.io').listen(8080);
至
var io = require('socket.io', { rememberTransport: false, transports: ['WebSocket', 'Flash Socket', 'AJAX long-polling'] }).listen(8080);
这会强制服务器使用WebSocket,Flash Socket或长轮询。它会尝试按顺序使用它们。RememberTransport会强制服务器和客户端忘记上一次使用的连接,并尝试与上面的“传输”进行连接。
在客户端,我几乎做了同样的事情。我补充说:
{ rememberTransport: false, transports: ['WebSocket', 'Flash Socket', 'AJAX long-polling']}
到套接字构造函数。所以它看起来像:
var socket = io.connect('http://localhost:843', { rememberTransport: false, transports: ['WebSocket', 'Flash Socket', 'AJAX long-polling']});
现在,它似乎可以完美运行。
多谢你们。