从Cordova迁移到React Native后如何获取原项目的localStorage数据？

首先得给你说清楚为什么拿不到：Cordova的localStorage其实是存在它自带的WebView沙箱里的，而React Native默认用的是原生层的存储系统（比如旧的AsyncStorage，现在更推荐MMKV）。哪怕包名完全一样，这俩的存储容器是完全独立的，所以直接读取肯定拿不到数据。不过数据能不能恢复，得看你当前的项目状态：

情况1：还没完全砍掉Cordova代码，或可以加个过渡层 #

这是最稳妥的方案——临时把Cordova的WebView能力嵌到RN项目里，先把数据导出来：

• 用React Native社区的react-native-webview包，加载一段极简的HTML代码，专门用来读取Cordova遗留的localStorage数据
• 通过WebView和RN的通信通道把数据传出来，再存到RN的原生存储系统里

给你贴个实际可运行的代码示例：

import React, { useRef } from 'react';
import { View, Button, Alert } from 'react-native';
import WebView from 'react-native-webview';
import AsyncStorage from '@react-native-async-storage/async-storage';

const CordovaDataMigration = () => {
  const webviewRef = useRef(null);

  const exportCordovaData = () => {
    // 给WebView注入JS代码，读取目标localStorage数据
    const readStorageCode = `
      const savedUserData = localStorage.getItem('key');
      // 把数据传给RN侧
      window.ReactNativeWebView.postMessage(savedUserData);
    `;
    webviewRef.current?.injectJavaScript(readStorageCode);
  };

  const handleDataReceived = async (event) => {
    const cordovaData = event.nativeEvent.data;
    if (cordovaData) {
      // 把数据存到RN的存储系统里
      await AsyncStorage.setItem('migrated_user_data', cordovaData);
      Alert.alert('迁移成功', 'Cordova数据已导入React Native');
    } else {
      Alert.alert('提示', '没有找到Cordova存储的数据');
    }
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', padding: 20 }}>
      {/* 隐藏WebView，只用来读取数据 */}
      <WebView
        ref={webviewRef}
        source={{ html: '<html><body></body></html>' }}
        onMessage={handleDataReceived}
        style={{ height: 0, width: 0 }}
      />
      <Button title="导出Cordova本地数据" onPress={exportCordovaData} />
    </View>
  );
};

export default CordovaDataMigration;

原理是：同一个包名的App，沙箱权限是共享的，RN的WebView可以访问到Cordova WebView遗留的localStorage数据，这样就能顺利导出。

情况2：已经完全替换成RN，没留任何Cordova代码 #

这种情况就得碰运气了，需要直接读取原生系统里的Cordova存储文件：

• iOS平台：Cordova的localStorage存在App沙箱的Library/WebKit/LocalStorage目录下，是一个SQLite格式的数据库文件（文件名类似file__0.localstorage）。你需要写一个iOS原生模块，访问这个目录并解析SQLite文件，把数据传给RN侧。
• Android平台：如果Cordova用的是系统WebView，数据会存在/data/data/[你的包名]/app_webview/Local Storage目录下，同样是SQLite文件。需要写Android原生模块来读取这个文件，解析后将数据同步到RN。

⚠️ 重要提醒：

• 这种方法需要懂一点原生开发知识，而且不同系统版本的文件路径可能有细微变化
• 如果你已经卸载过原来的Cordova App，数据肯定找不回来——卸载App会清空整个沙箱目录
• 只有直接覆盖安装（没卸载旧App就安装RN版本）的情况，原存储文件才会保留

后续迁移建议 #

下次做跨框架迁移时，最好先发布一个过渡版本：同时保留旧框架的代码和新框架的核心逻辑，先完成数据迁移再完全切换，这样用户就不会遭遇数据丢失的问题啦。

内容来源于stack exchange