將用戶會話保存在React服務器端應用程序的localstorage中

Question

在我的應用程序中，我想將用戶session_id保存在本地存儲中。我的應用程序使用React和Redux編寫（使用服務器端渲染）。我從Api獲取用戶session_id。我想在用戶登錄到我的應用程序時保存session_id？ 這是最好的解決方案嗎？

Answer 1

當您從服務器接收到session_id時，請將其保存到本地存儲。然後在您的應用程序初始化文件中檢查本地存儲是否包含任何session_id。如果是這樣，請使用該ID來獲取用戶數據。

由於本地存儲是客戶端（瀏覽器）功能，所以不能在後端使用它。

另一種選擇是將您的session_id保存到cookie中，並在服務器端讀取該cookie。這樣你就可以在服務器端驗證用戶。

Answer 2

你可以分享一下你現在需要更好地理解你的問題的代碼嗎？從我的理解你想要也許嘗試下面的代碼。在else語句中，使用來自api請求的會話ID對會話ID和setItem進行api請求。然後你可以用一個名爲currentSessionId的變量來訪問它。

var currentSessionId; 

    if(localStorage.getItem('session_id')){ 
     currentSessionId = localStorage.getItem('session_id'); 
    } else { 
     localStorage.setItem('session_id','<session id>'); 
     currentSessionId = localStorage.getItem('session_id'); 
    } 

希望這有助於！