javascript - 如何在 React/Redux 中 Session (JWT) 过期时发出警报-6ren

javascript - 如何在 React/Redux 中 Session (JWT) 过期时发出警报

转载作者：搜寻专家更新时间：2023-11-01 04:23:08

25

4

在 React/Redux 应用程序中有哪些方法可以提醒用户 session 过期？

服务器使用 JWT token 对用户进行身份验证，React 并不知道这种 token 的存在，浏览器会自动处理它。在获取和发布 Redux 的情况下，要么设置数据，要么状态错误。

尝试访问 API 端点时被动检查响应、使用过期字段设置客户端超时、主动确保 session 有效性或其他一些技术的典型方法是什么？我特别担心用户所做的未保存更改，并希望尽快通知用户 session 已结束。

最佳答案

我目前的做法是将jwt存储在localStorage中，当应用程序启动时，我正在加载 token ，尝试使用 token 加载用户数据，如果失败，则重定向到/login

然后我只在 api 模块中使用 jwt，根本不在商店中使用。

我的 Api 模块根据请求知道何时使用 token ，何时不使用

如果 api 模块识别出身份验证失败，它还会从 localStorage 中删除 token 。因此下次无法加载它。

我的api模块，也是从redux中分离出来的，知道什么时候用jwt，什么时候不用。

为了使这项工作更加抽象，我创建了一个中间件，如果有效载荷是一个错误并且值为Not Authenticated

，它会对每个操作使用react

这是我在 api 模块中抛出的错误，如果服务器响应因身份验证而失败。 actionCreator 只是分派(dispatch) catch 中的错误，中间件对此使用react。

所以实际上这取决于你如何去做，我所说的所有代码都是 ~100 LOC 左右..只是一些处理这些事情的方法。

关于javascript - 如何在 React/Redux 中 Session (JWT) 过期时发出警报，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38425377/

25

4

0

文章推荐： javascript - 无法让 Web Audio API 与 iOS 11 Safari 一起使用

文章推荐： ios - 在 Chrome 上模拟 iPhone X

文章推荐： javascript - 下拉响应和 Redux

文章推荐： javascript - 如何设置 AJAX 响应到 jquery 数据表列？

【JWT】JWT 整合
1. JWT 简介 JSON Web Token（JWT）是一个开放标准（RFC 7519），它定义了一种紧凑的、自包含的方式，用于作为 JSON 对象在各方之间安全地传输信息。该信息可以被验证和信
jwt - JWT 可以与移动应用程序一起使用吗？JWT 是 session 替代品吗？
关于JWT(json web token)的一些问题: 可以在手机上使用吗？在我看来，它适用于移动设备，但它是否是一个很好的身份验证解决方案？如果不是，还有哪些其他解决方案可用于移动应用程序和服务器
jwt - JWT 中的秘钥是什么
我无法清楚地掌握 JWT 是如何工作的，尤其是。签名部分。一旦客户端提交正确的用户名和密码，身份验证服务器就会创建一个 JWT token ，其中包含 header 、有效负载/声明和签名。问题
jwt - jwt.io 从哪里获取 JWT token 的公钥？
我正在通过 jwt.io(在调试器部分)解码 JWT token 以查看标题、有效负载。令人惊讶的是，它还验证了，我可以看到它(jwt.io 调试器)也能够检索公钥。所以我的问题是:JWT toke
azure - 如何使用 validate-jwt 验证 jwt token 时检查错误(以前为 : How to use a custom built jwt in validate-jwt? )
我尝试使用 validate-jwt 策略限制使用 JWT token 对 REST API 的访问。以前从来没有这样做过。这是我的入站策略(取自简单 token 验证here):
jwt - Spring Security 无状态 JWT 身份验证 - 如何获取其他 jwt 字段？
我们有一个微服务架构，使用 JWT 在服务之间进行身份验证。我希望轻松地从 JWT 中获取更多字段。目前实际上只有权限由 Spring Security 直接公开。我们的边缘服务/API 网关创建以
c# - 使用 jose-jwt 和 jwt.io 生成的 JWT token
我正在尝试在 .NET 中生成 JWT token 。起初，我尝试使用“System.IdentityModel.Tokens.Jwt”，但它在 token 验证期间引起了问题，所以我切换到“jose
jwt - 手动计算 JWT 签名永远不会输出真正的签名
我已经阅读了很多关于 stackOverflow 和 jwt 文档的问题。据我了解，现在我应该如何计算 token : header = { "alg": "HS256", "typ": "J
jwt - JWT token 接受的最大过期时间是多少
我想知道我可以设置的 JWT token 到期的最大值是多少。谢谢! 最佳答案没有关于过期时间的规定。它主要取决于使用 token 的上下文。 RFC7519 section 4 : The se
jwt - 如何在多个子域之间共享 JWT token ？
我在子域上托管了单独的身份验证应用程序和多个 spa 应用程序，我想将生成的 JWT token (当用户从身份验证应用程序登录时生成)从身份验证应用程序共享到子域下托管的其他应用程序。我怎样才能
jwt - 如何使用在线工具手动验证 JWT 签名
据我所知，验证 JWT 签名是一个直接的过程。但是当我使用一些在线工具为我执行此操作时，它不匹配。如何在不使用 JWT 库的情况下手动验证 JWT 签名？我需要一种快速方法(使用可用的在线工具)来演示
jwt - JWT.io 是如何知道我的公钥的？
我的 JSON 网络 token (JWT): eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsIng1dCI6InU0T2ZORlBId0VCb3NIanRyYXVPYlY4
jwt - 使用 JWT 的角色
我是 JWT 的新手。我对 JWT 进行了一些研究，并了解到它的框架是“header.claims.signature”。考虑一个简单的场景，如下所示: 客户通过身份验证客户可能具有(一个或多个)
jwt - JWT token 的最大大小是多少？
我需要知道的最大长度 JSON Web Token (JWT) 在规范中没有相关信息。难道，长度没有限制？最佳答案我也一直在努力寻找这个。我想说 - 尝试确保它低于 7kb。虽然 JWT 在规
jwt - JWT token 中允许使用哪些字符？
我看到 JWT token 由 A-Z、a-Z、0-9 和特殊字符 - 和 _ 组成。我想知道 JWT token 中允许的字符列表？最佳答案来自JWT introduction :“输出是三个用
jwt - Keycloak jwt 已过期
我正在使用 Jhipster 创建一个应用程序。为此，我想使用 Keycloak 身份验证服务器。但是，一旦我登录，就会收到以下消息:Statut : Internal Server Error (内
jwt - Keycloak jwt 已过期
我正在使用 Jhipster 创建一个应用程序。为此，我想使用 Keycloak 身份验证服务器。但是，一旦我登录，就会收到以下消息:Statut : Internal Server Error (内
jwt - 我可以使用 jwt 来存储用户的购物车商品直到结账吗？
我在我的网站上使用 MEAN 堆栈，用户可以在其中将带有玩家信息的事件(2-4/事件)添加到购物车。有时他们会购买多个事件。我希望此信息不会受到用户操纵(如果他们使用控制台，则在结帐前更改信息)，并且
jwt - 为什么 JWT 被分成三个点分隔的部分？
一个 JSON Web token (JWT) 被分成三个 Base-64 编码的部分，这些部分由句点 (“.”) 连接起来。前两部分对 JSON 对象进行编码，第一部分是详细说明签名和散列算法的 h
django - JWT token expire_delta 和 JWT Refresh Expiration Delta django jwt 的区别
我正在使用 django rest 框架 JWT 库 http://getblimp.github.io/django-rest-framework-jwt/ JWT token 过期有两个设置 JW

首页

博学

6Ren·AI

商城

javascript - 如何在 React/Redux 中 Session (JWT) 过期时发出警报