深圳幻海软件技术有限公司 欢迎您!

微信小程序实现分享至朋友圈的功能

2023-03-01

微信小程序实现分享至朋友圈的功能微信小程序从基础库2.11.3开始,可将小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。1设置分享状态小程序页面默认不可被分享到朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:首先,页面需设置允许“发送给

微信小程序实现分享至朋友圈的功能
微信小程序从基础库 2.11.3 开始,可将小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。

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

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

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

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

2 代码实现

1.先设置页面允许“发送给朋友”

在我们要分享的页面js中,增加以下方法,默认生成的页面自带此方法。只需要配置标题、路径等参数即可。下面的这个例子是我“国庆专属头像”的分享设置。

onShareAppMessage: function () {
return {
title: “标题文字”,
imageUrl: “.图片地址”
};
},
2.设置允许分享到朋友圈

还是要分享的页面js中,增加以下方法,

onShareTimeline: function () {
return {
title: ‘标题文字’,
imageUrl: ‘.图片地址’
}
},
配置完以上代码,发布后即可体验分享至朋友圈功能。

文章知识点与官方知识档案匹配,可进一步学习相关知识
小程序技能树首页概览4732 人正在系统学习中