Pusher JS跨标签页同步推送相同消息 未发请求标签也收到消息问题咨询

• Pusher的socket_id是单个客户端连接的唯一标识，只有你主动配置按socket_id定向推送/排除指定连接时，才会控制消息的接收范围，默认情况下消息会下发到目标频道的所有订阅连接，和哪个连接发起的业务请求无关。
• 两个浏览器标签页打开同个页面时，会生成两个独立的Pusher客户端连接，默认都会订阅你代码中配置的公共/私有频道，只要服务端往该频道推送消息，所有已订阅的连接都会收到通知。

方案1：仅排除发起请求的连接（适用于要通知其他所有用户的场景） #

如果你的业务逻辑是需要通知除了发起请求之外的所有订阅者，直接在PHP服务端调用trigger方法时传入第四个参数socket_id即可，示例代码：

// 先接收前端请求携带的socket_id参数
$socket_id = $_POST['socket_id'];
// 触发事件时传入第四个参数，Pusher会自动排除该连接
$pusher->trigger('your-channel', 'your-event', $message, $socket_id);

方案2：仅让发起请求的单个标签页收到响应（适用于接口响应类的推送场景） #

有两种实现方式可选：

• 标识匹配法：前端发请求时生成唯一的request_id，同时存在当前页面内存中并传给服务端，服务端推送消息时携带该request_id，前端收到消息后比对当前页面的request_id，匹配才处理消息，不匹配直接忽略。
• 定向推送法：使用Pusher的定向推送能力直接给指定socket_id发消息，不走频道广播，只有目标连接能收到，适合对安全性要求高的场景。

方案3：用户级别的消息隔离（适用于多用户场景，仅对应用户能收到） #

不要使用公共频道，给每个用户分配独立的私有频道，命名规则可以参考private-user-{用户唯一ID}，订阅时走Pusher的私有频道鉴权逻辑，只有登录的对应用户能成功订阅自己的私有频道，从根源上避免其他用户收到不属于自己的消息。

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