微信小程序分享

微信小程序分享,第1张

程序分享的具体内容可参照 官方文档 ,现在官方的说法为转发。

以下内容只针对转发给朋友这一功能

1、页面右上角三个...拉起分享

2、按钮主动触发( 必须为button)

小程序分享的实现是通过在page中配置onShareAppMessage实现

注意:官方的使用指引中明厅竖确了按需出现,所以在app.js全局配置实现所有页面增加分享功能是行毁盯不通的。需要每一页单独配置onShareAppMessage。

1、在app.js中写一个公共的shareAppMessage方法。

为了方便各个页面引用,把shareAppMessage方法放在了globalData中,或者写一个js文件,通过在页面中引用文件纤伏和的方式获取shareAppMessage方法。

2、引用实现分享

小程序默认不能分享朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:

    首先,页面需设置允许“发送给枯弊衡朋友”。具体参考 Page.onShareAppMessage 接口文档

    满足条件 1 后,页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档卜孝

满足上述两个条件的页面,可被分享到朋友圈。

### 条件1:(在js中添加onShareAppMessage)

onShareAppMessage: function (ops) {

    wx.showShareMenu({

      withShareTicket: true,

      menus: ['shareAppMessage', 'shareTimeline']

   没做 })

}

### 条件2:(在js中添加onShareTimeline)

  onShareTimeline: function () {

    return {

      title: '分享的标题',

      query: {

        // key: 'value' //要携带的参数

      },

      imageUrl: ''  //分享图,默认小程序的logo

    }

  },

### 点击小程序右上方三个点分享朋友圈,效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12357775.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存