关于 socket.io 实时文本显示的问题

Question

我正在尝试使用 node.js 和 socket.io 库在客户端和服务器之间建立 websocket 连接。服务器将每秒生成一个随机数，并发出一个允许客户端检测的事件。

问题是客户端（网页）可以检测到事件并显示服务器发送的随机数，但不是实时的。我必须刷新浏览器才能显示新的随机数。我想让客户端实时显示随机数，但我不知道为什么我的websocket应用程序似乎不是实时的。

服务器（main.js）源代码：

var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io')(server);

app.get('/', function(req, res){                  
    res.sendFile(__dirname + '/index.html');
});

randomNum();

function randomNum(){
    io.on('connection', function(socket){
        socket.emit('random', Math.floor((Math.random() * 100) + 1));
    });
    setInterval(randomNum, 1000);
}

server.listen(8080);

客户端（index.html）源代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Websocket</title>

<script src="/socket.io/socket.io.js"></script>

<script>
var socket = io();
socket.on('random', function(data){
    document.getElementById("displayNum").innerHTML = data;
});
</script>

</head>

<body>
<p id="displayNum"></p>
</body>
</html>

Answer 1

你不应该这样做：

function randomNum(){
    io.on('connection', function(socket){
        socket.emit('random', Math.floor((Math.random() * 100) + 1));
    });
    setInterval(randomNum, 1000);
}

您设置 io.on 每 1 秒连接一次。你应该在这个函数之外制作随机发射和设置间隔的函数

关于 socket.io 实时文本显示的问题

Issue about socket.io real-time text display

javascript

sockets

websocket

node.js

socket.io