xinxi1368 发表于 2024-10-12 14:29:05

小程序分享给好友或朋友圈的方法及官方 API 介绍

前言:想要分享小程序给朋友或者朋友圈,我们只需要使用微信自带的API即可。分享到朋友圈的前提是我们允许我们分享给朋友,然后我们才能分享到朋友圈。功能很简单,这里不再赘述。官方API链接和代码。 1. 与朋友分享

我们直接使用官方的API:

<p><pre>    <code class="language-javascript">onShareAppMessage: function(res) {
      if (res.from === &#39;button&#39;) {
        // 来自页面内转发按钮
                console.log(res);
      }
      return {
        title: &#39;现在注册还送全场8折优惠劵,无消费门槛&#39;,
        imageUrl: &#39;https://guacheng.fanwan.net.cn/applet/tools/newSharePic.png&#39;,
        path: &#39;/pages/startPage/startIndex?userInviteCode=&#39; + this.userQRcode,
      }
    },</code></pre></p>
这些参数是我们需要用到的。标题是与朋友分享的标题以及我们分享的内容图像的链接。 Path是我们点击分享的页面的路径。该路径可以带参数。

https://www.hngnwl.com/upload/2021-05-31/d4bc659d77541b2f60496c30af1274ea.jpg

至此,我们的分享给好友的功能就已经完成了。如果需要通过页面上的按钮分享给好友,可以直接使用具体的open-type=&quot;share&quot;,如下。样式可以自己覆盖写:

<p><pre>    <code class="language-html"><button type="default" open-type="share">分享给好友</button></code></pre></p>
面对面扫描二维码并不困难。后台生成带有参数的二维码后,我们就可以使用微信开发者工具来编译二维码了。 (需要注意的是,扫描二维码的时候,直接输入我们网上的 是官方发布的,所以无法测试,所以我们可以在生成二维码的时候通过开发工具的二维码进行编译,然后编译根据我们开发的代码)

https://i-blog.csdnimg.cn/blog_migrate/2e5f0936bc19bf4f3cf796068818555b.png

然后在()生命周期中正常获取参数,也可以在小程序应用级生命周期的()中获取。
页: [1]
查看完整版本: 小程序分享给好友或朋友圈的方法及官方 API 介绍