如何将多个套接字后端应用程序连接到单个前端

Posted

技术标签:

【中文标题】如何将多个套接字后端应用程序连接到单个前端【英文标题】:how to connect multiple socket backend apps to a single frontend 【发布时间】:2022-01-03 00:39:39 【问题描述】:

我正在尝试创建一个包含两方之间实时通信的网站:代理和客户,通信是通过 socket.io 处理的,但是我在正确连接事物的过程中迷失了方向。 我所做的是创建了一个 express 存储库,其中包含一个监听端口 3000 的 express 应用程序,然后为它配置了 socket.io。在同一个仓库中,我创建了另外两个文件夹作为两个独立的快速应用程序:

一个用于代理的 socket.io-client 客户的另一个 socket.io-client 所有这些应用都通过发出和监听事件进行通信。

问题是,我不太确定如何构建前端并将后端连接到它。关于如何以更好的方式实施我正在尝试做的事情的任何建议或想法?

【问题讨论】:

【参考方案1】:

您应该能够使用相同的 socket.io 服务器。当客户端加入服务器时,它应该表明它是客户端还是客户喜欢的

socket.on('connect', async ()=>
    socket.emit('joinroom', 'agents')

socket.on('connect', async ()=>
    socket.emit('joinroom', 'customers')

在服务器端

socket.on('joinroom', (data)=>
    if( data == "agents")
        socket.join("agents")
    
    else
        socket.join("customers")
    
)

然后您可以根据房间会员资格向所有客户和代理商发送费用

【讨论】:

以上是关于如何将多个套接字后端应用程序连接到单个前端的主要内容,如果未能解决你的问题,请参考以下文章

如何将 S3 托管的前端连接到 Elastic beanstalk 托管的后端?

如何将流星连接到现有后端?

如何在单个 Kafka Streams 应用程序中连接到多个集群?

将 Auth0 连接到我的后端后,如何将其连接到我的 NextJS 前端?

Firebase连接到后端时如何上传到前端的Firebase存储?

将 AWS Amplify 前端连接到 AWS Elastic Beanstalk 后端时出现 CORS 问题