微信小程序转发好友的功能怎么实现

这篇文章主要介绍了微信小程序转发好友的功能怎么实现的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇微信小程序转发好友的功能怎么实现文章都会有所收获，下面我们一起来看看吧。

首先介绍一个微信小程序的api：onShareAppMessage(options)

在 Page 中定义 onShareAppMessage 函数，设置该页面的转发信息。

• 只有定义了此事件处理函数，右上角菜单才会显示 “转发” 按钮

• 用户点击转发按钮的时候会调用

• 此事件需要 return 一个 Object，用于自定义转发内容

还有一个值那就是shareTickets他是转发成功返回的，并且是个数组，每一项是一个 shareTicket ，对应一个转发对象

API先说到这，接下来就是转发的实现：

首先要在onLoad中配置wx.showShareMenu

  onLoad: function (e) {    wx.showShareMenu({      // 要求小程序返回分享目标信息      withShareTicket: true});   },

然后再配置onShareAppMessage

  onShareAppMessage: function (ops) {if (ops.from === 'button') {      // 来自页面内转发按钮      console.log(ops.target)    }return {      title: '转发dom',      path: `pages/index/index`,      success: function (res) {        // 转发成功        console.log("转发成功:" + JSON.stringify(res));        var shareTickets = res.shareTickets;        // if (shareTickets.length == 0) {        //   return false;        // }        // //可以获取群组信息        // wx.getShareInfo({        //   shareTicket: shareTickets[0],        //   success: function (res) {        //     console.log(res)        //   }        // })      },      fail: function (res) {        // 转发失败        console.log("转发失败:" + jsON.stringify(res));      }    }  },

我解释一下wx.getShareInfo这个可以获取到获取转发详细信息

完整js代码就是

//index.js//获取应用实例const app = getApp()Page({  data: {    motto: 'Hello World',  },  onLoad: function (e) {    wx.showShareMenu({      // 要求小程序返回分享目标信息      withShareTicket: true});   },    onShareAppMessage: function (ops) {if (ops.from === 'button') {      // 来自页面内转发按钮      console.log(ops.target)    }return {      title: '转发dom',      path: `pages/index/index`,      success: function (res) {        // 转发成功        console.log("转发成功:" + JSON.stringify(res));        var shareTickets = res.shareTickets;        // if (shareTickets.length == 0) {        //   return false;        // }        // //可以获取群组信息        // wx.getShareInfo({        //   shareTicket: shareTickets[0],        //   success: function (res) {        //     console.log(res)        //   }        // })      },      fail: function (res) {        // 转发失败        console.log("转发失败:" + JSON.stringify(res));      }    }  },})

聪明的同学就该知道接下来该是wxml代码

<view class="container">  <view class="userinfo">   <button open-type="share">分享好友</button>  </view>  <view class="usermotto"><text class="user-motto">{{motto}}</text>  </view></view>

友情提示一下如果点击按钮分享的话，button一定要设置open-type="share"否则不起作用。

关于“微信小程序转发好友的功能怎么实现”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“微信小程序转发好友的功能怎么实现”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网精选频道。