2行代码实现小程序直接分享到微信朋友圈功能

Posted 编程小石头

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2行代码实现小程序直接分享到微信朋友圈功能相关的知识,希望对你有一定的参考价值。

老规矩,以图为证

新加分享到朋友圈的按钮
2行代码实现小程序直接分享到微信朋友圈功能_小程序分享朋友圈
分享到朋友圈的效果
2行代码实现小程序直接分享到微信朋友圈功能_小程序分享_02
分享成功
2行代码实现小程序直接分享到微信朋友圈功能_小程序学习_03
打开朋友圈分享链接后的效果
2行代码实现小程序直接分享到微信朋友圈功能_小程序分享朋友圈_04
可以看到底部有个前往小程序,这样我们就可以在朋友圈里直接打开小程序了。
是不是很激动,接下来就教大家如何实现小程序分享到朋友圈的功能吧。

小程序分享到朋友圈的代码编写

默认的分享到朋友圈的按钮是灰色的,如下图
2行代码实现小程序直接分享到微信朋友圈功能_小程序分享朋友圈_05
或许你都想象不到,小程序分享到朋友圈真是太简单了。只需要下面这几行代码,并且这几行代码是小程序页面的默认配置。
2行代码实现小程序直接分享到微信朋友圈功能_小程序学习_06
onShareAppMessage是我们默认就有的配置,也就是onShareTimeline是我们新加的,其实你只要配置好onShareTimeline这段代码,就可以轻松的实现小程序分享到朋友圈功能了。

来看下官方的文档

其实小程序分享到朋友圈只需要满足下图红色框里的两个条件。
2行代码实现小程序直接分享到微信朋友圈功能_小程序分享_07
而这两个条件很好满足,就是我们这两行代码
2行代码实现小程序直接分享到微信朋友圈功能_小程序_08

注意点

还有一点要注意的,就是我们要想使用小程序分享到朋友的功能,必须
1,使用最新版的开发者工具
2,使用最新版的调试库
2行代码实现小程序直接分享到微信朋友圈功能_小程序_09
2行代码实现小程序直接分享到微信朋友圈功能_小程序_10
到这里我们就轻松的实现小程序分享到朋友圈的功能了,赶紧给你的小程序添加这个功能吧。

以上是关于2行代码实现小程序直接分享到微信朋友圈功能的主要内容,如果未能解决你的问题,请参考以下文章

H5 中能实现分享到微信的功能吗

微信小程序分享至朋友圈的方法

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

微信小程序生态图谱

canvas微信小程序如何导入个人微信

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