同一页面能否建立多个WebSocket连接？Facebook聊天是如何实现的

1、单个网页内是否可以同时创建多个WebSocket连接？ #

单个网页是可以同时创建多个WebSocket连接的。需要注意的是浏览器对同源（同域名、同协议、同端口）的WebSocket连接存在数量限制，主流Chrome、Firefox浏览器的限制通常为6~10个，只要不超过这个阈值，多个连接都可以正常运行。
但业务开发中不推荐使用多连接方案：多连接会同时占用客户端和服务端的额外资源，增加心跳保活、异常重连的维护复杂度，触发连接数上限后还会导致新的连接创建失败，反而影响业务稳定性。

2、Facebook多用户同时聊天场景的实现方案 #

Facebook的聊天功能仅使用单个WebSocket长连接承载所有实时消息交互，不会为每个聊天对象、每个聊天窗口单独创建连接。
单连接处理多会话的核心逻辑如下：

• 所有通过连接传输的上下行消息都附带业务标识字段，包括会话ID、收发方用户ID、消息类型等，两端都可以通过标识字段完成消息的分发路由，不需要依赖连接本身做业务隔离
• 服务端会维护用户ID与活跃连接的映射关系，当有对应消息需要推送给用户时，直接通过关联的唯一连接下发即可
• 客户端收到消息后，根据消息内携带的会话ID，将消息渲染到对应的聊天窗口，即可实现多会话同时聊天的效果

这种方案可以最大化降低连接资源消耗，降低服务端亿级用户规模下的连接维护成本，是大型实时聊天应用的通用选型。 #

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