2018-09-03 微信小程序之本地保存数据与分享

  微信小程序是2018下一个风口，特别是开放微信小游戏和广告之后，有了更多的想象空间。

微信小程序：
本地保存数据完整代码:

    //要保存的数据,是一个对象
    var Sdata = {
      id: this.data.id,
      title: this.data.title,
      hits: this.data.hits,
      image_url: this.data.imageurl
    }
    // 1.在这之前，要先在onReady中先执行判断
    //     onReady: function () {
    //       //判断是否新建了本地存储
    //       var value = wx.getStorageSync('scData');
    //       if (value) { } else {
    //         //没有就新建一个默认数组

    //         value = [];
    //         wx.setStorage({
    //           key: "scData",
    //           data: value,
    //           success: function () {
    //           }
    //         });
    //       }
    //     },
    //2。要保存之前，先获取已经保存过的数据，
    wx.getStorage({
      key: 'scData',
      success: function (res) {
        var data = [];
        //判断有没有存储过
        if (res.data.length > 0) {
          data = res.data;
        }
        //添加收藏的数据
        data.unshift(Sdata);
        //加入收藏
        wx.setStorage({
          key: "scData",
          data: data,
        })
        //提示成功
        wx.showToast({
          title: "收藏成功~",
          icon: 'success',
          duration: 2000
        })

      },
      fail: function (e) {
        wx.showToast({
          title: "收藏失败~",
          icon: 'loading',
          duration: 2000
        })
      }
    })

微信小程序分享功能只需在page中设置 onShareAppMessage函数就可以了

小程序分享功能代码示例：

  /**
   * 用户点击右上角分享或者某个按钮
     按钮:  <button open-type="share"  class="location">
    <image src="../../images/fx.png" />
    <view>分享</view>
</button>
   */
  onShareAppMessage: function () {
    return {
      title: this.data.title,
      path: '/pages/index/index?id=' + this.data.id
        + '&image=' + this.data.imageurl
        + '&title=' + this.data.title
        + '&hits=' + this.data.hits,
      success: function (res) {
        wx.showToast({
          title: '分享成功~',
          icon: 'success',
          duration: 1000
        });
        // 分享成功
      },
      fail: function (error) {

      }
    }
  }

具体演示效果可查看一个简单的微信小程序：

gh_6db19d4d38ec_258 (1).jpg