微信小程序移植支付宝小程序同步缓存的快速移植

2025-04-12 03:03:10

支付宝小程序中同步缓存的使用与微信是不同的,与微信小程序wx.getStorage(Obj)的使用类似,因此剧安颌儿如果你微信习惯了wx.getStorageSync("key")的写法,那么移植到支付宝小程序,就需要修改所有使用同步缓存的代码了,缓存的设置、获取都需要改。这里就介绍一种比较快速可靠的移植方法。

工具/原料

支付宝小程序开发者工具

页面关于缓存的修改

1、设置缓存:支付宝小程序开发者工短铘辔嗟具全局搜索"my.setStorageSync"替换为"app.setStorageSync",替换后的代码如下:app.setStorageSync("id","1315151" )

微信小程序移植支付宝小程序同步缓存的快速移植

2、获取缓存:支付宝小程序开发者工具全局搜索"my.getStorageSync"替换为"app.getStorageSync",替换后的代码如下:app.getStorageSync("id" )

微信小程序移植支付宝小程序同步缓存的快速移植

3、引入app:全局搜索“StorageSync”,无论保存还是获取同步缓存,都在页面对应的业务逻辑脚本页面开始出,引入app://获取应用实例const app = getApp()

微信小程序移植支付宝小程序同步缓存的快速移植

公共脚本app.js封装保存、获取同步缓存

1、封装获取同步缓存:app.js文件中,按微信小程序的方式在App外边封装获取同步缓存的代码如下:const getStorageSync=function(key) { return my.getStorageSync({ key: key }).data || null}

微信小程序移植支付宝小程序同步缓存的快速移植

2、将读取缓存的方法写入到App中:getStorageSync: functio艘绒庳焰n(key) { return getStor锾攒揉敫ageSync(key)}有点折腾,但是这样的好处是在App中其他地方也可以调用外边封装的这个函数。如果App中没有其他地方使用同步缓存,那么可以直接在APP内部进行封装。

微信小程序移植支付宝小程序同步缓存的快速移植

3、App中添加保存同步缓存的封装方法:setStorageSync: function(key, data) { return my.setStorageSync({ key:key,data: data })}

微信小程序移植支付宝小程序同步缓存的快速移植

其他公共脚本的修改

1、经过上边公共脚本app.js和页面内的同步修改,已经可以像微信小程序一样保存获取同步缓存了,但是在其他公共脚本诸如utils.js,就不太方便调用了。一般的公共脚本中都是读取缓存的情况居多的,所以没必要为了几行代码就引入整个app

微信小程序移植支付宝小程序同步缓存的快速移植

2、对于这种情况,建议直接使用原生代码

微信小程序移植支付宝小程序同步缓存的快速移植

3、如果用的地方多,也可以在utils.js内部封装

微信小程序移植支付宝小程序同步缓存的快速移植
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢