uni-app 热更新wgt包后,之前通过uni.saveFile()保存的文件全都不见了

uni-app 热更新wgt包后,之前通过uni.saveFile()保存的文件全都不见了

操作步骤:

  • 通过uni.saveFile()把文件保存到本地,然后更新wgt包

预期结果:

  • 保存文件仍在设备本地

实际结果:

  • 保存的文件被删除了

bug描述:

  • 热更新wgt包后,之前通过uni.saveFile()保存的文件全都不见了
信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本号 10
HBuilderX类型 正式
HBuilderX版本号 3.7.11
手机系统 Android
手机系统版本号 Android 10
手机厂商 华为
手机机型 mate20pro
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app 热更新wgt包后,之前通过uni.saveFile()保存的文件全都不见了的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 热更新wgt包后,之前通过uni.saveFile()保存的文件全都不见了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 UniApp 中进行热更新(通过 wgt 包更新)后,之前通过 uni.saveFile() 保存的文件不见了,可能是因为热更新机制导致的文件系统重置或覆盖。以下是一些可能的原因和解决方案:


可能的原因

  1. 热更新覆盖了文件系统
    在某些情况下,热更新可能会重新初始化应用的文件系统,导致之前保存的文件被清除。

  2. 文件保存路径问题
    如果你保存的文件路径是相对路径或临时路径,热更新后这些路径可能会失效,导致文件无法访问。

  3. 缓存被清除
    热更新可能会清除应用的缓存数据,包括通过 uni.saveFile() 保存的文件。

  4. 文件系统权限问题
    热更新后,文件系统的权限可能会发生变化,导致无法访问之前保存的文件。


解决方案

1. 使用持久化存储路径

  • 确保文件保存到持久化存储路径中,而不是临时路径。
  • 可以使用 uni.env.USER_DATA_PATH 作为基础路径,这是 UniApp 推荐的持久化存储路径。
    示例:
const filePath = `${uni.env.USER_DATA_PATH}/myFile.txt`;
uni.saveFile({
    tempFilePath: 'tempFilePath',
    filePath: filePath,
    success: (res) => {
        console.log('文件保存成功', res.savedFilePath);
    }
});

2. 热更新前备份文件

  • 在热更新前,将保存的文件备份到服务器或其他安全位置,热更新后再恢复。
  • 可以通过接口将文件上传到服务器,热更新完成后重新下载。

3. 检查热更新机制

  • 确保热更新不会清除用户数据。
  • 如果是自定义的热更新逻辑,检查代码是否意外删除了文件。

4. 使用插件或原生能力

  • 如果需要更稳定的文件存储,可以考虑使用原生插件或第三方插件(如 cordova-plugin-file),这些插件通常提供更可靠的文件管理功能。

5. 测试和验证

  • 在开发环境中模拟热更新过程,确保文件能够正确保存和访问。
  • 使用 uni.getSavedFileList() 检查保存的文件列表,确认文件是否存在。

示例代码:保存和恢复文件

// 保存文件
const saveFile = (tempFilePath) => {
    const filePath = `${uni.env.USER_DATA_PATH}/myFile.txt`;
    uni.saveFile({
        tempFilePath: tempFilePath,
        filePath: filePath,
        success: (res) => {
            console.log('文件保存成功', res.savedFilePath);
        },
        fail: (err) => {
            console.error('文件保存失败', err);
        }
    });
};

// 获取保存的文件列表
const getSavedFiles = () => {
    uni.getSavedFileList({
        success: (res) => {
            console.log('保存的文件列表', res.fileList);
        },
        fail: (err) => {
            console.error('获取文件列表失败', err);
        }
    });
};
回到顶部