then 微信小程序_微信小程序的数据缓存

之前写了一篇 Promise 在微信小程序中的应用 使用 Promise 来封装 wx.request 请求

const getData = (url, callBack) => {
  return new Promise(function(resolve, reject){
    wx.request({
      url: url,
      header: {
        Accept: 'application/vnd.api+json'
      },
      success: (res) => {
        const data = res.data;
        resolve(data)
      },
      fail: err => {
        console.log('Api fetch fail!')
      },
      complete: () => {
        callBack && callBack();
      }
    })
  })
}

module.exports = {
  getData: getData
}

我把它放入到了一个独立的js文件中，充当无任何UI组件逻辑的纯粹提供服务的功能，谁需要谁调用，首页需要首页调用，列表页需要列表页调用，那么问题来了，这样会导致网络数据请求非常的慢，没有必要都请求，首页请求的数据可以缓存起来，列表页可以直接用，详情页也可以用。

微信小程序提供了，wx.getStorageSync() 方法设置 storage 缓存：

onLoad: function (options) {
    const res = wx.getStorageSync('_res');
    if (res) {
      this.setArticle(res)
    } else {
      ArticleService.getData('http://xxx.com/api').then(res => {
        this.setArticle(res, type);
        // 缓存数据
        wx.setStorageSync('_res', res);
      })
    }
  }

在开发过程中，建议开启体验评分，可看到详细的优化建议：

微信小程序评分体验

小程序体验可扫描

Drupal 每周推荐 微信小程序