如何使用socket.io从服务器调用客户端方法

Question

我使用烧瓶-套接字作为服务器，并有以下代码从服务器调用客户端函数。这样做对吗？还是有更好的方法

服务器

@socketio.on('connect', namespace='/test')
def test_connect():
    sleep(5)
    emit('my response', {'data': 'myFunction', 'parameter': 2})

客户端

socket.on('my response', function(msg) {
    console.log(msg)
    window[msg.data]({parameter1 : msg.parameter});
}

Answer 1

服务器永远不应试图显式调用客户端上的任何函数。客户端和服务器是通过请求“交谈”的不同应用程序，但我认为服务器知道客户端中函数的名称、客户端将如何处理响应或可视化界面的工作方式是错误的做法。类似地，如果客户端知道服务器特定的实现，并告诉它要使用哪个数据库，那就太糟糕了。

这只是简单的分离关注点。另外，阅读有关客户端-服务器域分离的文章。无论如何，我不知道您的具体应用程序，但是让我们来看一个实用示例

让我们假设您的应用程序是堆栈溢出的修改版本。当用户提出一个答案时，服务器会收到通知，客户端应用程序必须更改页面上显示所有用户的某个用户的栏高(根据新的点数).

按照您今天的实现设计方式，会发生这样的情况：

服务器

emit('new-points', {
     'data': 'IncreaseBarHeight',
     'parameter': '10px',
     'user': '3476'
})

客户端

socket.on('new-points', function(msg) {
    window[msg.data]({height : msg.parameter});
    //this would trigger global IncreaseBarHeight('10px', msg.user)
}

因此，客户端对界面有一些了解，它知道UI中有一个条，并且应该增加高度。如果我决定更改UI，并且只有号码而不是条形图，那么我也必须重新实现服务器。它们太耦合了。

这是一个更好的方法：

服务器

emit('new-points', {'points': 3560, 'user': '8376'})

客户端

socket.on('new-points', function(msg) {
    SetBarHeight(msg.points, msg.user); //set height based on total points
}

服务器不知道客户端将如何使用这些信息，因此它们不耦合。我可以更改点的UI表示形式，而不必修改服务器。说得通吗？