100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序如何支持分享给朋友和分享到朋友圈?如何解决分享朋友圈灰色问题

微信小程序如何支持分享给朋友和分享到朋友圈?如何解决分享朋友圈灰色问题

时间:2021-07-12 22:13:08

相关推荐

微信小程序如何支持分享给朋友和分享到朋友圈?如何解决分享朋友圈灰色问题

微信小程序分享给朋友和分享到朋友圈,都需要在小程序编写代码实现。

目录

1.官方文档

2.分享给朋友,即转发

3.分享到朋友圈

4.常见问题

4.1.分享朋友圈灰色

4.2.如何测试分享给朋友

4.3.如何测试分享给朋友圈

1.官方文档

转发官方文档:转发 | 微信开放文档

分享到朋友圈官网文档:分享到朋友圈 | 微信开放文档

官方文档,很重要,一定要看完。细节和坑在文档中都有说明。

2.分享给朋友,即转发

通过onShareAppMessage实现分享,分享有2种方式:

方法1:通过小程序右上角...进行分享

方法2:在页面,新增“分享”按钮,进行分享

通过给button组件设置属性open-type="share",可以在用户点击按钮后触发Page.onShareAppMessage事件,相关组件:button。

前端按钮代码举例:

<button class="bottom-share" data-id='122' open-type="share" type="primary">分享</button>

js中的代码举例:

onShareAppMessage: function (res) {// 分享if (res.from === 'button') {// 来自页面内转发按钮//console.log("转发:" + JSON.stringify(res.target))}return { title: this.data.goodsInfo.goodsName,path: '/pages/order/detail/detail?goodsId=' + this.data.goodsInfo.id ,success: function (res) {//console.log('/pages/order/detail/detail?goodsId=' + this.data.goodsInfo.id )// 转发成功//console.log("转发成功:" + JSON.stringify(res));},fail: function (res) {// 转发失败//console.log("转发失败:" + JSON.stringify(res));}}},

3.分享到朋友圈

分享朋友圈的代码举例:

/*分享朋友圈 */onShareTimeline: function() {return {title: '***批发商城',query: 'goodsId=' +this.data.goodsInfo.id,imageUrl: this.data.goodsInfo.mainImg,}},

4.常见问题

4.1.分享朋友圈灰色

原因:没有编写分享朋友圈代码

解决方法:见第3节,编写分享朋友圈代码

4.2.如何测试分享给朋友

在开发环境,通过预览进行测试,分享给朋友或者文件传输助手。

4.3.如何测试分享给朋友圈

在开发环境,通过预览进行测试,由于是测试,分享朋友圈时,可见范围选择私有,只有自己看到。

没有解决的朋友,欢迎留言,我会第一时间回复。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。