美文网首页工作生活
微信小程序存储数据到本地,离线使用

微信小程序存储数据到本地,离线使用

作者: 前端里程 | 来源:发表于2019-06-30 14:20 被阅读0次

    在做微信小程序项目开发的过程中,有时候后台给的请求数据过大,会导致请求时间过长或者项目需要离线使用一些数据;这是就可以使用小程序的文件保存和文件读取的API,离线存储数据到本地使用。
    保存文件:

    const FileSystemManager = wx.getFileSystemManager()//获取全局唯一的文件管理器
      wx.downloadFile({
        url: '', // 
        success(res) {
          if (res.statusCode === 200) {
            FileSystemManager.saveFile({//下载成功后保存到本地
              tempFilePath: res.tempFilePath,
              filePath: wx.env.USER_DATA_PATH + "/xxx.json" ,//wx.env.USER_DATA_PATH是获取微信小程序的根目录
              success(res2) {
                if (res2.errMsg == 'saveFile:ok') {
                 
                }
              }
            })
          }
        }
      })
    

    页面中获取文件:

    loadFiles (fileName) { //加载本地存储数据
        const FileSystemManager = wx.getFileSystemManager()//获取全局唯一的文件管理器
        FileSystemManager.readFile({ //读取文件
          filePath: wx.env.USER_DATA_PATH + "/xxx.json",
          encoding: 'utf8',
          success(res) {
            if (res.data) {
              let obj = JSON.parse(res.data);
            }
          },
          fail(err) {
            console.log('读取失败', err)
          }
        })
    }
    

    相关文章

      网友评论

        本文标题:微信小程序存储数据到本地,离线使用

        本文链接:https://www.haomeiwen.com/subject/sbcbcctx.html