How to store tokens in react native?

在 React Native 中存储令牌（token）通常涉及几个关键步骤，主要是为了确保数据的安全性和应用的性能。具体方法通常是使用本地存储来保存用户的登录状态和令牌。下面是一些常用的技术和步骤：

1. 使用 AsyncStorage

AsyncStorage 是 React Native 中一个简单的、异步的、持久化的 Key-Value 存储系统，通常用于存储类似 token 的小型数据。

存储 Token:

javascript
import AsyncStorage from '@react-native-async-storage/async-storage';

const storeToken = async (token) => {
  try {
    await AsyncStorage.setItem('userToken', token);
  } catch (error) {
    // 处理存储错误
    console.error('存储token失败', error);
  }
};

获取 Token:

javascript
const getToken = async () => {
  try {
    const token = await AsyncStorage.getItem('userToken');
    return token;
  } catch (error) {
    // 处理读取错误
    console.error('获取token失败', error);
  }
};

删除 Token:

javascript
const removeToken = async () => {
  try {
    await AsyncStorage.removeItem('userToken');
  } catch (error) {
    console.error('删除token失败', error);
  }
};

2. 使用 Secure Storage

对于需要更高安全性的应用，可以使用例如 react-native-secure-storage 这样的库，它在 Android 和 iOS 上提供加密的存储解决方案。

javascript
import SecureStorage from 'react-native-secure-storage';

const storeSecureToken = async (token) => {
  try {
    await SecureStorage.setItem('userToken', token, {accessible: SecureStorage.ACCESSIBLE.WHEN_UNLOCKED});
  } catch (error) {
    console.error('安全存储token失败', error);
  }
};

const getSecureToken = async () => {
  try {
    const token = await SecureStorage.getItem('userToken');
    return token;
  } catch (error) {
    console.error('安全获取token失败', error);
  }
};

3. 使用 Redux Persist

如果应用使用 Redux 进行状态管理，redux-persist 可以用来持久化和重构整个 redux store，或是 store 中的特定部分，例如用于身份验证的 token。

配置 Redux Persist:

javascript
import { createStore } from 'redux';
import { persistStore, persistReducer } from 'redux-persist';
import AsyncStorage from '@react-native-async-storage/async-storage';
import rootReducer from './reducers'; // 你的Reducer

const persistConfig = {
  key: 'root',
  storage: AsyncStorage,
  whitelist: ['authentication'] // 只持久化authentication相关数据
};

const persistedReducer = persistReducer(persistConfig, rootReducer);

export const store = createStore(persistedReducer);
export const persistor = persistStore(store);

这些方法中，选择合适的存储机制取决于应用的具体需求和安全性要求。AsyncStorage 适合大多数基本需求，但如果安全性是一个重要考虑因素，那么使用加密的存储解决方案会更为恰当。同时，整合 Redux Persist 可以在应用架构层面提供更统一的数据管理方式。