「小程序JAVA實戰」小程序數據緩存API（54）

剛開始寫小程序的時候，用戶信息我是按照app.js增長全局變量的方式來作的，後來當看到搜索插件能夠保存上次的搜索內容，讓我知道了原來小程序還有緩存的API，來一塊兒瞭解下。源碼https://github.com/limingios/wxProgram.git 中No.15

數據緩存

• 官方網址
  >https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

• 發現一個問題
  >全部的緩存方法都有異步和同步，有老鐵確定有疑問，我來解答看我分析的對不？在微信小程序的開發中，緩存會用到以下的幾個方法，分別對應一個同步和異步的方法，最大上限是10MB。在涉及到緩存的時候，通常咱們建議用同步的寫法，異步的寫法實際上是一種很是危險的寫法，第一點，它會讓代碼變得難以閱讀，第二點，它會引發許多未知的錯誤，若是對異步的方法不是很熟悉，建議能用同步就用同步，千萬不要用異步，固然小程序裏面有些狀況是必須用異步的，可是在小程序裏面用到異步的狀況會很是的少，同步的缺陷是什麼呢？方法執行很慢的時候整個UI會卡住，同步的方法運行不過去，後面的方法就走不了，因此呢，代碼的耗時就會很是長，這是同步的缺點。那麼異步的好處呢，代碼會馬上走完，而後獲取到緩存之後，由框架再去調用success，整個流程會很快的走完，不會讓UI有停滯的效果，這是異步的一個優點。般建議該用同步的時候就要用同步，同步解決不了的問題再用異步，咱們都知道異步方法的調試有點困難，這也是咱們不建議用異步的緣由。固然這個也要根據本身的業務來進行判斷看是否用同步仍是異步，當你的業務須要解耦的狀況下，去使用異步，當你的業務是同步的話，那就最好仍是使用同步，也就是說異步的操做是須要業務的配合來設計的，小程序的緩存上限是10MB，你試想一會兒提取10MB的數據出來，會是什麼樣的狀況，那這個時候你就要考慮異步的狀況了。由於它整個的過程有可能很慢，給用戶的體驗也很是很差，可是我以爲這一種狀況應該很是少。

介紹緩存方法

• wx.getStorage(Object object)
  >從本地緩存中異步獲取指定 key 的內容

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

• wx.getStorageSync(string key)
  >wx.getStorage 的同步版本

• wx.setStorage(Object object)
  >將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容。

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

• wx.setStorageSync(string key, Object|string data)
  >wx.setStorage 的同步版本

• wx.removeStorage(Object object)
  >從本地緩存中移除指定 key

• wx.removeStorageSync(string key)
  >wx.removeStorage 的同步版本

• wx.clearStorage(Object object)
  >清理本地數據緩存

• wx.clearStorageSync()
  >wx.clearStorage 的同步版本

• wx.getStorageInfo(Object object)
  >異步獲取當前storage的相關信息

• Object wx.getStorageInfoSync()
  >wx.getStorageInfo 的同步版本

更改現有的用戶存儲方法使用緩存

• app.js 修改

//app.js
App({
  serverUrl:"http://127.0.0.1:8081/",
  userInfo:null,
  setGlobalUserInfo:function(user){
    wx.setStorageSync("userInfo", user);
  },
  getGlobalUserInfo: function () {
    return wx.getStorageSync("userInfo");
  }
})
複製代碼

• app.js 修改
  >原來的userInfo賦值和取值都改爲從緩存中取到。

PS：經過緩存的時候進行控制，更方便。若是是全局變量的話確定沒有緩存方便。