基于令牌的身份验证中的会话

Question

我正在PHP Lumen中构建一个应用程序，该应用程序在登录时会返回令牌。我不知道如何继续进行。

我应该如何使用这些令牌维护会话？

具体来说，如果我使用reactjs或原始HTML / CSS /
jQuery，如何将令牌存储在客户端，并在我为Web应用程序的安全部分提出的每个请求中发送令牌？

Answer 1

我通常要做的是将令牌保留在本地存储中，这样即使用户离开站点，我也可以保留令牌。

localStorage.setItem('app-token', theTokenFromServer);

每次用户加载页面时，我要做的第一件事就是寻找令牌的存在。

token = localStorage.getItem('app-token');

如果使用react，我将令牌保持在全局状态（例如使用redux）：

function loadAppToken(token) {
  return {
    type: 'LOAD_TOKEN',
    payload: { token },
  };
}

使用香草javascript，我会将其保留在连接实用程序中。可能类似于以下内容：

const token = localStorage.getItem('app-token');

export function request(config) {
   const { url, ...others } = config;

   return fetch(url, {
     ...others,
     credentials: 'include',
     headers: {
       'Authorization': `Bearer ${token}`
     },
   });
}

与以前的代码类似，我在react应用程序中仍然具有fetch实用程序，但是我会通过在redux中间件中为每个单个请求获取令牌来在选项中发送令牌。