javascript - 在 React/Redux 中设置计时器以发送刷新身份验证 token 的最佳方法

Question

我正在使用访问刷新 jwt 身份验证流程，并希望客户端在收到访问 token 后每 10 分钟发送一次刷新 token 以获取新的访问 token 。我还想确保如果用户关闭他们的笔记本电脑一个小时然后回来使用它，也会发送一个新的访问 token 请求。在 React/redux 中实现此行为的最佳方式是什么，用户将始终拥有有效的访问 token 并无缝地保持他们的“ session ”继续进行？

Answer 1

要实现这一点，您可以在每个请求之前有条件地检查 token 的过期时间，而不是设置计时器。

这将取决于您与服务器通信的方式，但想法是在客户端存储 jwt token 、他的过期时间和刷新 token (如果需要，还包括他的过期时间)，然后在每个请求之前使用某种中间件需要授权:

const authClientMiddleware = (done) => {
    if (new Date(localStorage.getItem('expiration')) <= new Date()) {
        getNewToken(localStorage.getItem('refreshToken')).then(() => done()).catch(() => logout());
    } else {
        done();
    }
}