小程序分享并携带参数,方便做分销,拼团,返佣等功能

手机APP/开发
415
0
0
2022-03-27
最近在做社区团购和拼团类的功能,我们需要通过小程序分享给好友,让好友来助力,这个分享的时候,我们就要携带参数了,所以就顺便研究了下小程序分享并携带参数。其实代码很简单,就是测试的时候有些麻烦。

前期准备

1,必须有两个微信

2,这两个微信都需要是这个小程序的开发者

3,测试的时候两个微信必须都扫码预览二维码

一,准备测试微信

这个没得说,想测试分享,必须至少有两个微信号。

二,给测试微信开通开发者权限

其实添加开发者权限很简单,只不过必须是小程序的管理员才可以添加。

小程序分享并携带参数,方便做分销,拼团,返佣等功能

三,代码开发

我这里有两个页面share和home

share是用来做分享的页面

home是用来接受分享参数的页面

3-1,share.js代码如下

小程序分享并携带参数,方便做分销,拼团,返佣等功能


代码其实很简单,只需要重写下onShareAppMessage方法,然后设置下分享标题,设置下path,然后path里拼接参数即可。这种拼接注定不能携带大量数据,所以如果想分享大量数据,最好自己想下别的办法。

3-2,home.js接受分享的参数

然后home.js就做了一件事,获取分享携带的参数,并打印在页面上

小程序分享并携带参数,方便做分销,拼团,返佣等功能


拿到参数后,就可以做你想做的任何事了,只不过我这里为了方便大家学习,把参数打印在了页面上。

如下

小程序分享并携带参数,方便做分销,拼团,返佣等功能


效果图

小程序分享并携带参数,方便做分销,拼团,返佣等功能

四,如何测试

接下来就是重头戏了,代码写好了,该如何测试呢

4-1,生成预览二维码

一定要记得,必须通过预览在手机上体验。模拟器是不行的。

小程序分享并携带参数,方便做分销,拼团,返佣等功能

4-2,分享者和被分享人都要扫码

分享的人和被分享的人都要扫描上面的预览二维码,其实你分享的时候也会有下面这样的提示的。

小程序分享并携带参数,方便做分销,拼团,返佣等功能

4-3,都扫描以后,就可以开始分享了

如微信编程小石头给微信邱石分享

小程序分享并携带参数,方便做分销,拼团,返佣等功能


分享给微信邱石

小程序分享并携带参数,方便做分销,拼团,返佣等功能


邱石接受到以后,如下

小程序分享并携带参数,方便做分销,拼团,返佣等功能


然后点击开发分享的卡片,就可以在页面上看到分享携带的参数了。

小程序分享并携带参数,方便做分销,拼团,返佣等功能


这样,后面就可以拿这个参数去愉快的做自己想做的事情了。