Angular+Spring Boot项目中如何实现RSocket在浏览器多标签页独立运行

问题核心原因 #

这个问题是RSocket可恢复能力的默认逻辑导致的：开启resumeable能力后，服务端通过客户端携带的resume token识别连接身份。如果多个标签页使用相同的resume token发起连接，服务端会判定为同一个连接的恢复请求，直接断开旧的同token连接。
默认场景下开发者通常会用用户ID、或者存在localStorage的固定值作为resume token，而localStorage是多标签页共享的，就会触发这个冲突。

解决方案 #

1. 生成标签页独立的resume token #

不要使用多标签页共享的存储（比如localStorage）存放resume token，改用每个标签页独立的sessionStorage存储，或者每次初始化RSocket客户端时生成全新的唯一标识作为token：

// Angular 前端示例
import { v4 as uuidv4 } from 'uuid';

// RSocket 初始化逻辑
function initRSocket() {
  // 从当前标签页的sessionStorage取token，不存在就生成新的
  let resumeToken = sessionStorage.getItem('rsocket_resume_token');
  if (!resumeToken) {
    resumeToken = uuidv4();
    sessionStorage.setItem('rsocket_resume_token', resumeToken);
  }

  return new RSocketClient({
    resume: {
      enabled: true,
      token: resumeToken,
      resumeSessionDuration: 300000
    },
    // 其他RSocket配置
  })
}

2. 调整服务端RSocket配置 #

Spring Boot服务端不要将resume token和用户身份强绑定，允许同一用户对应多个不同的resume token连接，只有token完全一致时才执行连接恢复逻辑：

// Spring Boot 服务端配置示例
@Configuration
public class RSocketServerConfig {
    @Bean
    public RSocketServerCustomizer rSocketServerCustomizer() {
        return server -> server
            .resume(resumeSpec -> resumeSpec
                .sessionDuration(Duration.ofMinutes(30))
                // 使用默认的内存存储即可，不需要自定义同用户唯一连接逻辑
                .store(new InMemoryResumeStore())
            );
    }
}

如果之前有自定义的连接拦截逻辑，比如限制同一用户仅能建立一个RSocket连接，需要删除对应的校验规则。

3. 关闭前端连接共享逻辑 #

检查RSocket JS客户端的配置，关闭跨上下文/跨标签页的连接共享开关，确保每个标签页初始化时创建独立的RSocket实例，不要复用其他标签页的连接。

内容的提问来源于stack exchange，提问作者Bau Nguyen Van