如何通过Socket.io从客户端请求服务端变量

你要实现的是前端主动请求服务端变量的请求-响应模式，Socket.io 支持两种简洁的实现方式，下面是具体方案：

方式一：利用回调函数直接返回（推荐） #

这种方式更贴近常规的请求-响应逻辑，代码更紧凑：

客户端（React）代码 #

你的原有代码已经写好了接收响应的回调，无需大改：

socket.emit("join_random_result", (open) => {
  setOpenLobby(open);
});

这里的第二个参数就是服务端返回数据后会触发的回调，直接用它更新前端状态即可。

服务端（Node.js/Express）代码 #

服务端监听事件时，第二个参数是客户端传来的回调函数，调用它并传入存储的变量值：

var open = 3;

socket.on("join_random_result", (callback) => {
  // 调用客户端回调，返回open变量的值
  callback(open);
});

注意：避免用open作为参数名，会覆盖全局的open变量，改用callback更清晰。

方式二：通过自定义事件传递 #

如果更习惯用事件收发的模式，也可以拆分请求和响应两个事件：

客户端代码 #

// 发送请求事件
socket.emit("request_open_value");
// 监听服务端返回的响应事件
socket.on("receive_open_value", (open) => {
  setOpenLobby(open);
});

服务端代码 #

var open = 3;

socket.on("request_open_value", () => {
  // 发送响应事件并携带变量值
  socket.emit("receive_open_value", open);
});

两种方式都能实现需求，第一种回调方式代码更简洁，更适合单次请求的场景。

内容的提问来源于stack exchange，提问作者chung