支付宝小程序如何进行本地数据缓存

1、小程序提供了读写本地数据缓存的接口，通过wx.getStorage/wx.getStorageSync读取本地缓存，通过wx.setStorage/wx.setStorageSync写数据到缓存，其中Sync后缀的接口表示是同步接口，执行完毕之后会立马返回，示例代码和参数说明如下所示。

2、读取本地缓存

wx.getStorage({

key: \'key1\',

success: function(res) {    // 异步接口在success回调才能拿到返回值    var value1 = res.data  },  fail: function() {    console.log(\'读取key1发生错误\')  }})

try{

// 同步接口立即返回值

var value2 = wx.getStorageSync(\'key2\')}

catch (e) {

console.log(\'读取key2发生错误\')

}

3、写本地缓存

// 异步接口在success/fail回调才知道写入成功与否

wx.setStorage({

key:key,

data:value1

success: function() {    console.log(\'写入value1成功\')

},

fail: function() {    console.log(\'写入value1发生错误\')

}

})

try{

// 同步接口立即写入

wx.setStorageSync(\'key\', \'value2\')  console.log(\'写入value2成功\')

}catch (e) {  console.log(\'写入value2发生错误\')}

1、小程序宿主环境会管理不同小程序的数据缓存，不同小程序的本地缓存空间是分开的，每个小程序的缓存空间上限为10MB，如果当前缓存已经达到10MB，再通过wx.setStorage写入缓存会触发fail回调。小程序的本地缓存不仅仅通过小程序这个维度来隔离空间，考虑到同一个设备可以登录不同微信用户，宿主环境还对不同用户的缓存进行了隔离，避免用户间的数据隐私泄露。

2、由于本地缓存是存放在当前设备，用户换设备之后无法从另一个设备读取到当前设备数据，因此用户的关键信息不建议只存在本地缓存，应该把数据放到服务器端进行持久化存储。

前端页面处理

3、提交时保存数据

4、页面初始化时执行渲染