我正在使用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>
答案 0 :(得分:6)
我找到了问题。
在服务器中 我改变了:
var io = require('socket.io').listen(8080);
到
var io = require('socket.io', { rememberTransport: false, transports: ['WebSocket', 'Flash Socket', 'AJAX long-polling'] }).listen(8080);
强制服务器使用WebSockets,Flash Sockets或长轮询。它会尝试按顺序使用它们。 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']});
现在看起来效果很好。
谢谢你们。
答案 1 :(得分:1)
你试过更长的消息吗?
套接字上肯定有缓冲区。 如果发送的字节少于X个字节,则在刷新缓冲区之前可能会有一些等待时间,因为它没有被填充。
答案 2 :(得分:0)
您使用的浏览器是什么? Socket.IO降级为轮询,这比本机浏览器Web套接字或闪存轮询慢得多。
答案 3 :(得分:0)
使用websocket可以改善行为,因为它可以禁用缓冲。 Websockets是通过setNoDelay(true)
实现的,如websockets code所示,因此它不会缓冲消息。
您可以通过将单词websocket
首先放在transports
数组中来显式请求websocket。在socket.io
和engine.io
的最新版本中,正确的参数和实现如下所示:
import socketIO from 'socket.io';
const server = express();
const requestHandler = server.listen(PORT, () => console.log(`Listening on ${PORT}`));
const io = socketIO(requestHandler, { transports: ['websocket', 'polling'] });
在客户端:
import io from 'socket.io-client';
let socket = io(SERVER_URL, { transports: ['websocket', 'polling'] });