微信小程序如何实现分享朋友圈代码教程

目前微信小程序已经开放安卓系统实现小程序分享朋友圈公测,在此之前,微信小程序想要分享朋友圈,大多数的做法都是生成分享海报图,提供给用户发表朋友圈,分享小程序海报。那么,微信开放小程序分享朋友圈公测,应该如何添加代码实现?

首先,根据官方要求,需要把小程序的基础库设置为2.11.3以上版本。

微信小程序如何实现分享朋友圈代码教程插图

其次,需要在小程序相关页面添加代码。

方法一:在需要增加小程序分享朋友圈的页面 onShareAppMessage 函数里添加以下代码:

onShareAppMessage: function () {
    wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
    })
}

这个方法属于快速调用分享朋友圈功能,menus 里的 shareAppMessage 是转发分享按钮,默认存在,但是,如果要添加分享朋友圈功能,则必须写上,不能删除。shareTimeline 是分享朋友圈按钮。

这种方法实现分享朋友圈,默认以当前页面的 navigationBarTitle 作为分享朋友圈标题,以小程序 Logo 作为分享朋友圈缩略图。如果想要自定义分享朋友圈标题和缩略图,则需要采用下面的方法。

方法二:在需要增加小程序分享朋友圈的页面 onShareAppMessage 下面增加以下代码:

onShareAppMessage: function () {

},
onShareTimeline: function () {
    return {
      title: '转发到朋友圈的标题内容',
      imageUrl:'转发到朋友圈的缩略图'
    }
},

onAddToFavorites: function () {
    return {
      title: '添加到收藏的标题内容',
      imageUrl: '添加到收藏的缩略图'
    }
},

以上两种方法都可以,只需要二选一即可,但是,每个需要分享到朋友圈的页面都需要添加才会出现相应的内容。个人比较推荐第二种方法,丸子小程序资讯版正是采用第二种方法添加。

注意事项

1.”shareAppMessage”表示“发送给朋友”按钮,”shareTimeline”表示“分享到朋友圈”按钮

2.显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮,显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮

版权声明:
作者:路小白
链接:https://www.yxey.cn/xcx/411542.html
来源:营销二院路小白个人品牌自媒体平台博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>