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

Question

我目前正在向客户发送一个空的 html 文档，其中包含一些脚本，这些脚本使用 react-redux 设置我的单页应用程序。一切都设置好后，我正在使用 AJAX 获取动态数据并确定用户是否已登录。如果用户未登录，他将看到仅对未通过身份验证的用户可用的产品，反之亦然。

虽然我是菜鸟，但这对我来说似乎非常原始，我不知道如何才能做得更好。

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

非常感谢您的帮助。

Answer 1

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

1. 登录后，您会从后端收到 token|session_id 并将其存入 store 和 localstorage，以免页面重新加载后丢失。

2. 在初始化您的应用程序时，每次都从本地存储中获取令牌并将其放入存储中。

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

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

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

Answer 2

有几个选项：

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

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

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