两步实现微信小程序分享朋友圈

两步实现微信小程序分享朋友圈,第1张

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

    首先,页面需设置允许“发送给朋友”。具体参考 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

    }

  },

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

onShareAppMessage(Object object)

官网是这样说的

(一)在我们自己的项目内,对应的js文件中这样写,一般在生成小程序文件的时候默认会显示这样的语句:

那么,在我们小程序界面右上角菜单就会显示“转发”按钮:

(二)除了默认的方法外,我们还可以自定义转发的标题与内容,此事件处理函数需要 return 一个 Object,用于自定义转发内容:

实现:

(三)一般为了引导用户的转发,我们还会在界面上设置转发按钮,比如“分享给好友”

(按钮样式还是需要自己调整的)

这时候d出的内容则跟我们右上角菜单的“转发”行为一致。

官方Tips

1.不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。

2.转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发

3.只有转发到群聊中打开才可以获取到 shareTickets 返回值,单聊没有 shareTickets

4. shareTicket 仅在当前小程序生命周期内有效

5.由于策略变动,小程序群相关能力进行调整,开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。

6.微信7.0.12开始,支持群主转发小程序时同时把消息设为该群的群待办消息,群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息,都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改 toDoActivityId 属性可以把多个待办消息聚合为同一个,即转发相同 toDoActivityId 的群待办消息,只会出现一个待办消息气泡。 toDoActivityId 需要在转发前通过 updatableMessage.createActivityId 接口创建。

(四)另外关于转发,官方还提供了其他几个API方法:

1)wx.updateShareMenu(Object object):更新转发属性

2)wx.showShareMenu(Object object):显示当前页面的转发按钮

3)wx.hideShareMenu(Object object):隐藏转发按钮

4)wx.getShareInfo(Object object):获取转发详细信息

最后这一个还没有理清楚,目前测试报错,后期理清了再来更新。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存