保存登录尝试,并只在第一次尝试使用react和redux登录时打开抽屉



我有一个网站,我希望抽屉/模态只在用户第一次登录时打开。有什么好方法可以做到这一点?我正在考虑某种登录计数器,但我不确定如何保存结果或保存在哪里。也许是本地存储还是饼干?

我使用React和Redux,但我对两者都很陌生/已经使用了几个月了。

提前谢谢!

我能想到三种解决方案:

  • 客户端:使用cookie或localStorage将登录计数器值存储到用户的浏览器中。但很明显,这在跨浏览器或匿名模式下都不起作用
  • 服务器端:将登录计数器存储在服务器的数据库中。它需要更多的工作,因为你需要对客户端-服务器逻辑进行编码,并且只有当用户在线时它才有效(没有PWA保证(
  • 使用您的身份验证提供者:我推测某些第三方身份验证提供者可以存储最后一次登录的时间戳,您可以使用它来检测它是否是第一次登录

对于redux,默认情况下不会保持状态:每次刷新页面或重新启动浏览器时都会重置状态。您需要使用一个额外的库来持久化您的存储,例如redux持久化

最新更新