刷新后保持 WebSocket 连接处于活动状态

Question

我有一个实时应用程序，它在 java spring 服务器和浏览器之间使用 WebSockets。 是否有一种方法可以在页面刷新后保持 Websocket 连接处于活动状态？

这是我的 javascript 代码：

consumerWebSocket = new WebSocket("wss://" + window.location.host + 
"/myWebSocketConnection");

consumerWebSocket.onopen = function () {
    sendThroughWS(consumerWebSocket, "Send this message from browser to server");

};

Answer 1

你不能。 问题是websocket所处的上下文仅限于您显示的页面。 刷新页面或导航到另一个页面后，上下文（因此是websocket）将被破坏。

防止破坏的解决方案是创建某种单页应用程序。 新内容将被加载到现有页面中，并且不会重新加载websocket。

另一种方法是使用框架。 您可以将Websocket放在一个（隐藏的）框架中，然后仅使用另一个框架进行导航。 这样，套接字可以保持活动状态，并且您可以浏览页面的其余部分而无需重新加载websocket。

Answer 2

1. 每次刷新都会创建新的套接字连接，问题不是新的套接字而是应用程序的其余部分是否会使用这个新的套接字连接与您的客户端或以前的连接进行通信？

所以以上就是要解决的谜语，告诉应用程序的其余部分嘿：忘记我的最后一个连接实例，改用这个新的连接实例

2. 您的聊天应用程序或任何应该与您选择的用户 ID 或用户/朋友关系保存在数据库中的通信

3. 有时，重要的是将套接字连接的引用存储到某种持久层 Redis 可能工作，即使在其他数据库上也是如此。 在连接关闭时将该实例引用标记为关闭时刷新，以便您拥有新的套接字，然后更新持久层上的套接字实例引用（某种 db ）

4. 一旦您的应用程序想要向您发送消息，它就会通过数据库，如果他们找到对您的套接字连接的开放引用，那么如果没有引用或关闭，则使用套接字向您发送消息，然后文本/消息存储在数据库中.

5. 当您刷新网页或连接新套接字时，客户端浏览器应通过该套接字从后端请求来自数据库的聊天/消息 => 注意分页，不要在一个请求时加载文本音调