1. 程式人生 > >微信小程序開發本地數據緩存教程

微信小程序開發本地數據緩存教程

微信 基本 sync 數據 0kb 根據 註意 ext ets

微信小程序開發過程中,本地數據緩存是必不可少的一部分。而且本地數據緩存的用途還挺多的,下面木魚小鋪(https://www.muyu007.cn)
就和大家分享一下微信小程序開發本地數據緩存教程,希望對大家有所幫助!

第一步:讀寫本地數據緩存

微信小程序為了方便開發者緩存數據提供了讀寫本地數據緩存接口,讀本地數據緩存采用的是wx.getStorage/wx.getStorageSync接口,寫本地數據緩存的是wx.setStorage/wx.setStorageSync接口。其中以Sync結尾的是指同步接口。意思是指操作完成之後會立即返回。下面就以示例代碼和參數和大家展示一下,如圖所示:

讀本地數據緩存:示例代碼

技術分享圖片
讀本地數據緩存:參數
技術分享圖片
寫本地數據緩存:示例代碼
技術分享圖片
寫本地數據緩存:參數
技術分享圖片
第二步:緩存隔離與限制
緩存隔離:微信小程序提供的數據接口會管理不同小程序的數據緩存,不同小程序的本地緩存數據是不同的,需要分開隔離。隔離是為了避免用戶數據信息泄露,保證信息安全。

緩存限制:每個小程序緩存空間不能超過10KB.超過10KB的需要通過wx.setStorage/wx.setStorageSync接口寫入本地緩存數據會觸發fail回調。需要註意的是關鍵信息不建議放在本地數據緩存,建議放在服務器端長期存儲。

第三步:在本地緩存數據裏,進行前端頁面處理,如圖所示:
技術分享圖片
第四步:在本地緩存數據裏,進行提交保存數據。如圖所示:
技術分享圖片
第五步:利用本地緩存數據,進行頁面初始化操作。如圖所示:

技術分享圖片
以上就是對微信小程序開發本地數據緩存教程基本介紹,大家如果對本地數據緩存不太清楚,可以根據以上的步驟進行演練。多操作幾次就熟悉了。

微信小程序開發本地數據緩存教程