如何在 ReactJS 中以安全的方式跨页面刷新建立持久的 Web 套接字连接？

Question

我正在使用 Web 套接字从 reactjs 客户端与后端服务器进行通信。 当用户刷新页面时，套接字正在关闭。 这正如预期的那样发生。 但是，我的要求是跨页面刷新具有持久的 Web 套接字连接。 我目前正在使用 localstorage 来存储访问、刷新令牌。

我知道这不是解决问题的安全方法。 我想知道是否有任何安全的方法可以实现我的目标。

Answer 1

我不确定这是否有效，因为即使用户不在您的页面上，也可以让用户连接，这将是一种安全漏洞。 （因为在刷新时，您离开页面并重新进入）。

您最好的选择可能是可以在后台运行的服务工作者:)

由于您使用的是 Web 套接字，因此最好使用 SharedWorker 为您的 Web 套接字创建一个新线程。 普通 WebWorker 和 SharedWorker 之间的区别在于，Web Worker 会在加载页面时在每个选项卡或浏览器中创建一个新会话，而共享 Worker 将在每个选项卡中使用相同的会话。 因此，您的所有选项卡或窗口都将使用相同的工作程序和相同的 Web 套接字连接。

我引用了这个答案，它可能会指向正确的方向： https : //stackoverflow.com/a/61866896/11665341