如何使用redux进行用户认证?
How to use redux for user authentication?
大家好。我在 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
谢谢
Redux 中的身份验证
身份验证对于任何实际应用程序都是必不可少的。在进行身份验证时,您必须记住,组织应用程序的方式没有任何变化,并且您应该以与任何其他功能相同的方式实现身份验证。比较简单:
- 为
LOGIN_SUCCESS
、LOGIN_FAILURE
等创建动作常量
- 创建将凭据、表示身份验证是否成功的标志、令牌或错误消息作为有效负载的操作创建者。
- 使用 Redux Thunk 中间件或您认为合适的任何中间件创建一个异步操作创建器,以将网络请求发送到 API returns 令牌(如果凭据有效)。然后将令牌保存在本地存储中,或者在失败时向用户显示响应。您可以从您在上一步中编写的动作创建器执行这些副作用。
- 为每个可能的身份验证案例(
LOGIN_SUCCESS
、LOGIN_FAILURE
等)创建一个 returns 下一个状态的 reducer。
示例: https://github.com/joshgeller/react-redux-jwt-auth-example
大家好。我在 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
谢谢
Redux 中的身份验证
身份验证对于任何实际应用程序都是必不可少的。在进行身份验证时,您必须记住,组织应用程序的方式没有任何变化,并且您应该以与任何其他功能相同的方式实现身份验证。比较简单:
- 为
LOGIN_SUCCESS
、LOGIN_FAILURE
等创建动作常量 - 创建将凭据、表示身份验证是否成功的标志、令牌或错误消息作为有效负载的操作创建者。
- 使用 Redux Thunk 中间件或您认为合适的任何中间件创建一个异步操作创建器,以将网络请求发送到 API returns 令牌(如果凭据有效)。然后将令牌保存在本地存储中,或者在失败时向用户显示响应。您可以从您在上一步中编写的动作创建器执行这些副作用。
- 为每个可能的身份验证案例(
LOGIN_SUCCESS
、LOGIN_FAILURE
等)创建一个 returns 下一个状态的 reducer。
示例: https://github.com/joshgeller/react-redux-jwt-auth-example