[英]How to make persistent web socket connection across page refresh in a secure way in ReactJS?
我正在使用 Web 套接字從 reactjs 客戶端與后端服務器進行通信。 當用戶刷新頁面時，套接字正在關閉。 這正如預期的那樣發生。 但是，我的要求是跨頁面刷新具有持久的 Web 套接字連接。 我目前正在使用 localstorage 來存儲訪問、刷新令牌。
我知道這不是解決問題的安全方法。 我想知道是否有任何安全的方法可以實現我的目標。
我不確定這是否有效，因為即使用戶不在您的頁面上，也可以讓用戶連接，這將是一種安全漏洞。 （因為在刷新時，您離開頁面並重新進入）。
您最好的選擇可能是可以在后台運行的服務工作者:)
由於您使用的是 Web 套接字，因此最好使用 SharedWorker 為您的 Web 套接字創建一個新線程。 普通 WebWorker 和 SharedWorker 之間的區別在於，Web Worker 會在加載頁面時在每個選項卡或瀏覽器中創建一個新會話，而共享 Worker 將在每個選項卡中使用相同的會話。 因此，您的所有選項卡或窗口都將使用相同的工作程序和相同的 Web 套接字連接。
我引用了這個答案，它可能會指向正確的方向： https : //stackoverflow.com/a/61866896/11665341
從 reactjs 客戶端連接到安全的 web socket python 服務器
[英]Connection to secure web socket python server from reactjs client
如何使用 Web3-react 保持 MetaMask 與 UI 的連接？
[英]How to keep MetaMask connection to the UI persistent with Web3-react?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
