微信小程序分享时的链接如何携带参数

在微信小程序平分享有两种体例, 第一种体例是经由过程微信小程序右上角的图标带参数分享, 还有一种体例是经由过程按钮实现带参数分享 。 下面介绍两种方式是若何带参数分享的 。

方式一:经由过程微信小程序右上角的图标带参数分享1新建一个微信小程序项目, 搭建好目次文件布局, 如下:


微信小程序分享时的链接如何携带参数

文章插图

2打开index.js文件, 在里面添加小程序分享函数onShareAppMessage, 代码如下:

微信小程序分享时的链接如何携带参数

文章插图

3【微信小程序分享时的链接如何携带参数】在小程序分享函数onShareAppMessage内, 界说要携带的参数, 如这里界说一个用户uid 。

微信小程序分享时的链接如何携带参数

文章插图

4为分享界说一个分享题目title, 同时界说分享的链接path, 并把上面的参数uid添加到链接里面 。 代码如下:


微信小程序分享时的链接如何携带参数

文章插图

5编译并运行后, 点击小程序右上角的图标时, 就会呈现提醒, 选择老友并发送出去 。 点击发送时, 携带参数的链接就会分享给老友 。


微信小程序分享时的链接如何携带参数

文章插图

微信小程序分享时的链接如何携带参数

文章插图

方式二:经由过程按钮的体例实现携带参数分享1点击打开index.wxml页面, 在页面编写一个open-type类型为share的按钮, 代码如下:

微信小程序分享时的链接如何携带参数

文章插图

微信小程序分享时的链接如何携带参数

文章插图

2当点击分享按钮时, 一样会触发上面界说的onShareAppMessage分享函数, 实现一样的携带参数分享结果 。

微信小程序分享时的链接如何携带参数

文章插图


以上内容就是微信小程序分享时的链接如何携带参数的内容啦, 希望对你有所帮助哦!

    推荐阅读