使用快速反应的用户身份验证

Question

---

PS 只是请注意，我对react（with redux）很陌生，并且通常会表达出来。 我的问题更多是“我现在要做什么？”或“请按正确的方向帮助我”这类问题。 我的英语很糟糕。 我不怕自学，只是告诉我看哪里。 多数互联网资源只解释了一半，或者假设您是专家。

---

我有一个需要用户身份验证的React客户端应用程序，在身份验证之后，React应用程序需要知道客户端是登录还是注销

现在我的React应用程序正在使用条件渲染，这意味着我的整个应用程序取决于应用程序级别的状态。

当我的react应用程序启动时，它从一个登录组件开始，用户可以在其中添加他的电子邮件和密码

从现在开始，我完全束手无策，有很多问题...

如何使用后端登录名（电子邮件/密码）对用户进行身份验证（从后端），并检查mongoDB中的agiant用户是否存在，以及是否存在，如何通知前端应用程序他是有效用户，并使用该用户信息来访问某些路由吗？

如何检查用户是否从前端React应用程序登录（在验证身份和有效用户之后）

我可以使用cookie作为可能的解决方案吗？例如，在服务器端（快速）上设置cookie，并在客户端（反应）上访问cookie，反之亦然？

很少有话题（或话题）问题？什么是Passport.js，它有助于解决我目前的困境？

Answer 1

就身份验证而言，使用JWT将其保存在会话存储中，并且可以通过API发送到您的服务器应用程序，这是React / redux应用程序的一种非常流行的方法。它将与所有api请求一起发送，以便服务器应用可以在向用户提供数据之前验证用户是否已登录。要检查是否有人在客户端应用程序上登录，您应该具有一个reducer / saga / thunk，当从服务器应用程序接收到成功的登录消息后，它将对redux存储的auth reducer部分进行更新以翻转boolean isLoggedIn属性您可以将其暴露给道具以检查是否已登录。

有一个需要用户身份验证的React客户端应用程序，在身份验证之后，React应用程序需要知道客户端是否已登录

现在我的React应用程序正在使用条件渲染，这意味着我的整个应用程序取决于应用程序级别的状态。

当我的React应用程序启动时，它从一个登录组件开始，用户可以在其中添加他的电子邮件和密码

有一个称为鸭子结构的react-redux结构非常好：https://github.com/erikras/ducks-modular-redux

对不起，但是我没有mongodb的经验，但是搜索身份验证处理程序，肯定会有示例。 .NET Core非常出色，如果您考虑进行更改，则有许多教程。