手机扫一扫访问本页内容

微信扫描点右上角"···"分享到好友或朋友圈

关闭
微信扫一扫可打开小程序

微信长按图片或搜“分享录”可打开小程序

关闭
小程序,教程,经验

微信小程序分享到朋友圈

效果如下图:

只要满足以下两个条件,即可将微信小程序页面分享到朋友圈。适用于内容型页面的分享,不适用于有较多交互的页面分享。
1.从基础库 2.11.3 开始支持
2.支持平台:Android、iOS(微信8.0.24及以上版本)

小程序页面默认不可被分享到朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:
1.页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档
2.满足条件 1 后,页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档

具体只要在对应页面加上onShareAppMessage和onShareTimeline方法即可在微信右上角点胶囊按钮“…”然后选“分享到朋友圈”,如上图。其中onShareTimeline的query很容易出错只要加上如“id=1”这样的参数,不传query则直接打开分享页面。

		onShareAppMessage(obj) {
			return {title: "转发标题", path: "转发路径,必须是以 / 开头的完整路径", imageUrl: "自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径。支持 PNG 及JPG。显示图片长宽比是 5:4。"};
		},
		onShareTimeline() {
			return {title: "分享标题", query: "自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分", imageUrl: "自定义图片路径,可以是本地文件或者网络图片。支持 PNG 及 JPG,显示图片长宽比是 1:1。"};
		},

更多信息请访问微信官网文档,另外开发版和体验版得配权限才能在微信朋友圈打开,需要注意的是分享朋友圈能力是为了满足纯内容场景的分享诉求,滥用于营销、诱导等行为将会被打击,详见《微信小程序平台运营规范》。

您的鼓励是我最大的创作动力:个人开发实属不易、有太多的辛酸,如果您觉得这篇文章对您有帮助并且您是苹果用户,麻烦您帮忙下载我的app并给个免费的好评,您还可以关注我的公众号、小程序等,谢谢,祝您一切顺心。

历史上的今天:

展开阅读全文


上一篇:

下一篇:

您还可以访问本站的小程序、公众号等所有端,或者下载APP, 在小程序、APP上可以评论文章以及保存图片还有在线客服哦,如您有任何疑问或建议可向作者提出意见反馈
关注我的公众号为您分享各类有用信息
扫码打开小程序可评论文章保存图片,在“我的”有实时在线客服哦,看效果?
分享录多端跨平台系统