微信小程序(二十)小程序转发

微信小程序默认是没有转发和分享功能的。这个要注意。

我之前一直给其他人分享的时候一直都是用的二维码,那天突然想起来,这个玩意应该有转发的功能吧。试了一下,我还真没有。

这里大概记录一下转发的代码:

转发的函数,其实在创建文件的时候(用微信开发者工具创建)已经生成好了。

代码如下:

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (options) {
var self = this;
// 获取当前页面链接
    var pages = getCurrentPages();
var url = pages[0].__route__;
// 拼装分享对象
    var shareobj = {
      title: '时间里的-随言碎语',
      path: url,
      imageUrl: "https://guanchao.site/uploads/atricle/5f20395dc160f.jpg",
      success: (res) => {
        utils.showToast('转发成功',1000);
      },
      fail: (res) => {
        utils.showToast('转发失败',1000);
      }
}
         // 来自页面内的按钮的转发
  if( options.from == 'button' ){
    var eData = options.target.dataset;
    console.log( eData.name );     // shareBtn
    // 此处可以修改 shareObj 中的内容
    shareObj.path = '/pages/btnname/btnname?btn_name='+eData.name;
  }
  
    return shareobj;
  },
复制代码

这里分两种情况,一种是页面右上角的三个点的分享,一种是页面中的按钮的分享。都是走这个方法。

转发按钮wxml:

<button data-name="shareBtn" open-type="share">转发</button>
复制代码

必须是button组件加上open-type="share"属性才好用。

以上大概就完成了小程序转发的功能

欢迎访问个人博客:guanchao.site

欢迎访问我的小程序:打开微信->发现->小程序->搜索“时间里的”

猜你喜欢

转载自juejin.im/post/7106626601248358407