如何实现微信小程序wx.setStorage数据缓存实现缓存过期时间

在微信小程序中,并没有cookie机制,只有本地缓存功能。

每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。localStorage 以用户维度隔离,同一台设备上,A 用户无法读取到 B 用户的数据。
注意: 如果用户储存空间不足,我们会清空最近最久未使用的小程序的本地缓存。我们不建议将关键信息全部存在 localStorage,以防储存空间不足或用户换设备的情况。(官方传送门)
由此可以看出,小程序的缓存除非是用官方清空缓存或者一些不确定因素清空缓存,不然缓存会永久存在,这对有些缓存数据需要时效性带来麻烦了。
我的解决方法是在对数据进行缓存的时候,顺便把当前时间也进行缓存,而在取数据的时候先要对缓存时间与现在时间相比,看是否是在自己需要时效时间内,如果在时效时间内则取缓存数据;否则更新数据。
export const getWYResourcesList = () => {return new Promise((resolve, reject) => { let App = getApp() let timestamp = Date.parse(new Date()); let resourcesList = getStorage('resourcesList'); let timestampCache = getStorage('resourcesListCache'); if ((timestamp - timestampCache) > cacheTime) { console.log('过期了'); resourcesList = ''; }if (resourcesList) { resolve(resourcesList) } else { wx.showLoading() ajax({ url: '/api/admin/resources/create', headers: headers(1) }).then(res => { wx.hideLoading() resolve(res.result) setStorage('resourcesList', res.result); setStorage('resourcesListCache', timestamp)}).catch(e => { reject(e) }) }}) }

【如何实现微信小程序wx.setStorage数据缓存实现缓存过期时间】这是实现缓存时效性的代码段,仅供参考。

    推荐阅读