如何在React中跟踪用户？

Question

页面重新加载后如何跟踪用户的会话？

我有一个Web应用程序，包括一个使用React构建的前端和一个使用JAX-RS构建的后端。两者都通过RESTful和JSON进行通信。当用户加载应用程序时，前端会向后端询问一个会话，该会话是一个唯一的字母数字数字，以标识每个用户及其在应用程序上的每个操作。但是，如果用户单击浏览器的刷新按钮，则将重新加载该应用程序并提取新的会话号。在后端看来，这是一个新用户。

但是我想跟踪用户。我目前的方法是在用户的浏览器中放置一个cookie以进行识别。那是正确的方法吗？还是还有其他方法？

Answer 1

使用用户令牌设置cookie，并在用户刷新时首先检查cookie（如果存在），然后继续，否则要求API发送新的cookie。 使用react-cookies库。

从'react-cookies'导入cookie

这些是可用的功能。

要设置Cookie，请使用

cookie.save(key, value)

要在应用程序中获取Cookie

cookie.load(key)

要在会话结束时将其删除，您可以使用

cookie.remove(key)

Answer 2

在浏览器中放置cookie或保存在本地存储或会话存储中是一种很好的方法，您可以继续使用它：

用于存储数据：

localStorage.setItem("session_id", <value>)
sessionStorage.setItem("session_id", <value>)

用于检索数据：

localStorage.getItem("session_id")
sessionStorage.getItem("session_id")