微信小程序开发——小程序分享转发

关于小程序的转发：

最简单的就是点击小程序右上角菜单“转发”按钮直接分享，不过这种分享有点不太友好，实用性也不强。

固然，你能够自定义分享内容，包括标题，简介，图片及分享的小程序页面路径。

再高级一点，还能够对转发出去的小程序被二次打开的时候获取到一些信息。

一. 自定义转发内容：

onShareAppMessage(Obj):

1. 监听转发按钮（button open-type="share")或小程序右上角“转发”按钮的点击行为；

2. 自定义转发分享内容。

3. 还能够监听这些信息：

 

示例代码：

  /**
   * 用户分享自定义
   */
  onShareAppMessage: function(res) {
    return {
      title: '哈根达斯冰激凌5折特惠',
      path: '/pages/index/index?goods_id=' + wx.getStorageSync("goods_id"),
      imageUrl: 'http://static.e-mallchina.com/pic/product/brand/detail/hgds.jpg'//自定义图片路径，能够是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。
    }
  }

点击右上角菜单中的“转发”按钮，分享效果以下：

二. 点击页面按钮分享转发：

<button> 组件设置 open-type="share"便可实现页面内分享，点击按钮便可跟点击右上角菜单中的转发按钮会有同样的效果。

<button open-type='share' type='warn' size="mini" plain="true" id='btnShare0'>推荐给好友</button>

固然，跟右上角菜单中的转发按钮同样，若是设置了自定义转发内容，点击分享按钮也会展现自定义分享内容的。

三. 关闭分享功能：

wx.hideShareMenu(Object object)：隐藏转发按钮，关闭转发功能(不影响转发按钮的功能，只是右上角分享没有了）。

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    wx.hideShareMenu()
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    wx.hideShareMenu()
  },

 

四. 获取更多转发信息：

转发出去的小程序被二次打开的时候可以获取到一些信息，例如群的标识。

大体流程：

1. 经过调用 wx.showShareMenu 而且设置 withShareTicket 为 true ；

2. 当用户将小程序转发到任一群聊以后, 此转发卡片在群聊中被其余用户打开时，能够在 App.onLaunch 或 App.onShow 获取到一个 shareTicket;

3. 经过调用 wx.getShareInfo() 接口传入此 shareTicket 能够获取到转发信息。

示例代码：

  //分享页面设置开启分享群信息
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    wx.showShareMenu({
      withShareTicket: true
    })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    wx.showShareMenu({
      withShareTicket: true
    })
  }

//app.js 获取小程序名片页附带的分享信息
App({
  onLaunch: function(ops) {
    //小程序在群里被打开后，获取情景值和shareTicket
    console.log("ops:", ops)
    if (ops.scene==1044) {
      wx.getShareInfo({
        shareTicket: ops.shareTicket,
        success:function(res) {
          console.log("wx.getShareInfo:::", res)
        }
      })
    }
  }
})

分享到群里以后，在群里打开小程序，获取相似下面的数据：

如上图，获取的就是分享到的群聊的相关信息了，不过这个信息是加密的，须要像获取手机号同样再去后端解密才能够。

其中 encryptedData 解密后为如下 json 结构，详见加密数据解密算法。其中 openGId 为当前群的惟一标识:

{
"openGId": "OPENGID"
}

如须要展现群名称，可使用 开放数据组件。

经验证，这个功能只有在分享到群聊中才会有效，也就是说只能区分小程序是在群中仍是好友聊天窗口中打开的，因此这个功能是比较鸡肋的。

五. 其余一些功能：

还有一个接口，就是更新转发属性的接口：wx.updateShareMenu(Object object)，日常用的很少，感兴趣的能够自行去官网研究。