如何坚持使用令牌登录？

Question

你好，我已经创建了 dotnet core web api 用于登录和注册，但在应用程序中刷新后它总是尝试再次登录。由于我是 React Native 的新手，所以我无法将解决方案应用于我的项目。我使用 redux，这是我的操作：

export const signin = (email, password) => {
  return async dispatch => {
    const response = await fetch(
      'http://localhost:5000/api/user/login',
      {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          email: email,
          password: password,

        }),
      }
    );

    if (!response.ok) {
      throw new Error('Something went wrong!');
    }

    const resData = await response.json();
    console.log(resData);
    dispatch({ type: SINGIN, token: resData.token, userId: resData.id });
    saveDataToStorage(resData.token);
  };
};

const saveDataToStorage = (token, userId) => {
  AsyncStorage.setItem('userData', JSON.stringify({
    token: token,
  })
  );
};

这是我的带有反应导航 5 的导航器：

export const Navigator = () => {
    const [userToken, setUserToken] = React.useState(null);
    const userData = AsyncStorage.getItem('userData');

    const authContext = React.useMemo(() => {
        return {
            signIn: () => {
                setUserToken(userData);
            },
            singnUp: () => {
                setUserToken(userData);
            },
            signOut: () => {
                setUserToken(null);
            },
        };
    }, [userData]);

    return (
        <AuthContext.Provider value={authContext}>
            <NavigationContainer>
                <RootStackScreen userToken={userToken} />
            </NavigationContainer>
        </AuthContext.Provider >
    );
};

正如我所说，我无法找到一种方法来应用我找到的解决方案。谢谢你的帮助。

Answer 1

首先，确保您对 AsyncStorage 的所有操作都应该是异步的（使用 promise 或 async/await）。

然后按照这个来实现您的应用程序的身份验证流程。

https://reactnavigation.org/docs/auth-flow

我的回答对你有帮助。

如何坚持使用令牌登录？

How to persist Login with token?

javascript

react-native

redux

redux-thunk

react-redux