在react-redux单页应用程序上处理身份验证的最佳方法是什么？

Question

我目前正在向客户端发送一个空的html文档，其中包含一些脚本，这些脚本使用react-redux设置我的单页应用程序。设置完所有内容后，我将使用AJAX获取动态数据，并确定用户是否已登录。如果用户未登录，他将看到仅适用于未经过身份验证的用户的产品。

即使我是菜鸟，这对我来说似乎极其原始，我不知道如何做得更好。

那么在react-redux应用程序中处理身份验证的最佳方法是什么？

非常感谢你的帮助。

Answer 1

有几个选择：

1. 您可以通过npm安装的Passport，它有各种可以通过验证的策略，例如Auth0 Link here

2. Firebase - Google提供的一种解决方案，可用作插入式身份验证模块。 Link here

3. Meteor框架 - 我相信这个框架具有多用户身份验证。 Link here

Answer 2

首先，要进行身份验证，您需要在客户端拥有令牌或会话ID。所以，应该有下一步：

1. 登录后，您将从后端接收令牌| session_id，并将其存储到商店以及本地存储中，以免在页面重新加载后丢失。

2. 在初始化您的应用时，从localstorage获取令牌并每次将其存储到商店。

3. 当您请求产品列表时，请将令牌添加到ajax请求（通常在标题中）。

4. 基于令牌，后端应用程序应返回另一个产品列表。

对于这种情况，这是一种常规逻辑，当然它也需要在后端进行工作。