如何使用 redux 进行用户认证？

Question

大家好。我在MERN学习和学习。我还创建了一个项目。现在我不相信我所做的是对的。现在这对我很重要。对不起我的英语:)
我在网上看过很多项目，但大部分项目使用的方法与我的不匹配。例如，许多人使用 jwt 进行身份验证。但我使用 passportjs 和 passport-local-mongoose。我成功注册并登录了 backen(express)。在前端每个组件中，我使用操作（ redux ）来获取用户信息是否登录：

    UseEffect( ()=>{
      User_Auth(12); // why 12? If I didnt write this value 
                     // action cannot work but when I put work 
                     // well and this value I cant do with.
} )

这个方法是真的吗？如果你想看这个简单的项目，请看这个：https://github.com/Feruz00/login_register/tree/master
谢谢

Answer 1

Redux 中的身份验证

身份验证对于任何实际应用程序都是必不可少的。在进行身份验证时，您必须记住，组织应用程序的方式不会发生任何变化，并且您应该以与任何其他功能相同的方式实现身份验证。比较简单：

1. 为LOGIN_SUCCESS、LOGIN_FAILURE 等创建操作常量。
2. 创建将凭据、表示身份验证是否成功的标志、令牌或错误消息作为有效负载的操作创建者。
3. 使用 Redux Thunk 中间件或任何您认为合适的中间件创建异步操作创建器，以向 API 发起网络请求，如果凭据有效，则返回令牌。然后将令牌保存在本地存储中，或者如果失败则向用户显示响应。您可以从您在上一步中编写的动作创建器执行这些副作用。
4. 创建一个 reducer，为每个可能的身份验证案例（LOGIN_SUCCESS、LOGIN_FAILURE 等）返回下一个状态。

示例： https://github.com/joshgeller/react-redux-jwt-auth-example

来源：https://redux.js.org/faq/miscellaneous