前言
此分享按钮带有链接数据,即有链接分享用户与被分享用户(好友)的功能,常见于邀请好友助力获取积分等场景,如拼团邀请好友获取礼物等
效果
制作思路
- 邀请好友—用户分享给好友,并传递链接数据(分享者id)
好友进入—好友进入小程序,看到对应页面,点击按钮,分享者即可获得积分(添加和更新积分表)## 制作过程
第一步:搭建数据模型
搭建积分表,并创建积分字段,类型为整数
- 在账户表创建关系,目标表为积分表,关系为1:N
第二步:搭建邀请好友页和好友进入页
💡 Tips: 此处需搭建两个不同页面,邀请好友页用于给分享者用户,分享链接给好友,好友进入页用于给被好友(被分享者)进入小程序展示的页面,点击下载按钮,分享用户即可获得相应积分
第三步:配置好友进入页的链接数据
- 添加好友进入页的链接数据,id指分享用户的id,id的类型统一为整数> 💡 Tips: 此处的链接数据id,用于识别进入该页面的好友为哪位分享者的好友
第四步:配置邀请好友页的分享按钮
- 给按钮配置开放功能—分享行为,指定分享页面为好友进入页,标题和图片可直接输入(也可不输入或不配置)
需给分享行为配置参数id,类型为整数,并赋值为当前用户数据id> 💡 Tips:
此处的分享必须为分享行为,不可为页面上的允许分享页面按钮,因为此处需配置参数,允许分享页面不满足需求
- 分享行为的标题为分享的小程序标题,图片为分享小程序封面,当标题和图片未配置时,标题默认为小程序名,图片默认为指定页面的截图
- 此处的分享配置参数id,与上一步中的链接数据id意义相同,作用为当好友点击链接时,该参数会自动赋值给好友进入页的链接数据id
第五步:配置好友进入页的远程数据
- 添加好友进入页的远程数据,类型选择积分表,限额选择10,请求类型为订阅
- 过滤条件选择账户_账户 = 链接数据id> 💡 Tips: 此处的远程数据用于判断积分表是否有分享者的积分数据
img | img |
---|---|
第六步:配置好友进入页的下载按钮
- 下载按钮处配置条件行为,用于区分积分表有无分享者的数据
- 无积分时,条件为远程数据 jifen 的count = 0,对应行为为添加积分表
- 积分字段选择none,输入框为1(意味着给分享着添加的积分为1分)
- 账户_账户的输入框为链接数据id
- 成功时的行为为显示提示,输入框为已助力成功
img | img | img |
---|---|---|
- 有积分时,条件为总是,对应行为为更新积分表
- 积分字段选择increment,输入框为1
- 过滤条件为账户_账户 = 链接数据id
成功时的行为为显示提示,输入框为已助力成功> 💡 Tips:
有添加和更新行为区分是因为,更新行为的前提是积分表内有对应数据,添加行为的存在是保证积分表内有分享者的积分记录
- increment的前提也是该字段内有数据
img | img | img |
---|---|---|