從 socket.io 返回一個值到客戶端

Question

我正在嘗試將當前抽屜的 ID 從服務器接收到客戶端，用於我正在制作的東西。 這是我到目前為止所得到的

客戶：

    socket.emit('returnDrawer');

    socket.on('returnDrawer', function(ret)
    {
        console.log("id:", ret);
    })

服務器：

socket.on('returnDrawer', function() {
    return users[currentDrawer].ioid;
});

但是我的客戶端回調根本沒有被當前的抽屜 id 調用，可以使用一些幫助。

Answer 1

你有沒有試過類似的東西：

客戶

socket.emit('giveMeDrawer');

socket.on('returnDrawer', function(ret) {
  console.log("id:", ret);
})

服務器

socket.on('giveMeDrawer', function() {
  socket.emit('returnDrawer', users[currentDrawer].ioid);
});

或遵循本指南（來自 socket.io 文檔）。

Answer 2

您可以使用不同的事件名稱進行發送和接收。 這將幫助您在未來很好地擴展。

例如，上面的代碼可以寫成：-

// implementing client side
  socket.emit('returnDrawer');
  socket.on('returnDrawerResponse', function(message) {
    console.log('id', message)
  });

對於服務器端，你可以這樣寫：

// implementing server side
  socket.on('returnDrawer', function(){ 
   // write Your awesome code here
   const userId = users[currentDrawer].ioid()
   socket.emit('returnDrawerResponse', userId)
 })

Answer 3

您可以將回調函數作為參數發送給emit()。 這是我的一個項目中的一個例子。 沒有抽屜，只有動畫。

客戶端

socket.emit('animate', 'text', payload, (response) => {
    console.log(response);
});

服務器端

socket.on('animate', (animation, payload, callback) => {

    callback = typeof callback == "function" ? callback : () => {};

    try {
        this.runAnimation(animation, payload);
        callback({status:'OK'});
    }
    catch(error) {
        callback({error:error.message});
    }

});