共计 1124 个字符,预计需要花费 3 分钟才能阅读完成。
盲盒模块的流程大抵如下:
进入盲盒抽奖页面,须要初始化间接获取一些盲盒的信息,例如:盲盒流动 id
,开奖 buff
等。首先须要获取盲盒流动 id
,前面的所有申请都是基于盲盒流动id
进行的。
初始化获取:
- 盲盒流动 id`
- 抽奖
buff
- 校验抽奖活动状态:判断以后流动是否开启
- 抽奖次数:获取以后流动的抽奖次数,以后用户残余抽奖次数
- 工作次数:获取以后流动的工作(分享)次数,也就是残余分享次数
- 获取分享邀请码:获取以后流动的分享邀请码,此码用于分享好友助力,好友进入分享页面后依据抽奖流动 id 和分享邀请码来为用户助力。一个用户一个流动只取得一个邀请码,不同的用户获取的邀请
码是不同的。 - 以后流动信息:获取以后的流动信息,返回的字段有流动
id
、名称、备注、图片等,依据这些信息,在分享的时候能够设置对应的文案、图片、id
等信息。 - 如果奖池预览是动静的,那么初始化也要申请奖池预览的信息。
抽奖 buff 模块
因为初始化间接申请接口了,那么这里就能够间接拿到 buff
的信息,点击开 buff
的时候,间接开启动画渲染 buff
信息即可。
流动规定和我的奖品为弹框和跳转。
开盲盒
这里须要判断一下以后盲盒的状态,是否是可开启的,并且是否有残余抽奖次数,如果条件都合乎,那么就申请开盲盒的接口开奖,如果不合乎则弹框提醒“抽奖次数有余,分享可取得抽奖次数”的弹框。盲盒开奖后抽奖次数必定会缩小,所以这里开完将须要申请初始化的一些接口,比方获取抽奖次数的接口,刷新以后的开奖次数信息。
获取机会:
这里应用微信的凋谢能力 bottom 的 open-type="share"
的分享性能
onShareAppMessage(e) {if(e.from == "button") {console.log('按钮分享');
return {title: ` 点击助力“${userInfo.name}”,开盒助力,100% 中奖 `, // 分享进来的题目
imageUrl: "图片门路", // 分享时显示的图片
path: `/pages/home/index?goodsid=${xxx}`// 他人点击链接进来的页面及传递的参数
}
} else {console.log('胶囊分享');
return {
title: ` 盲盒大礼,参加即得!`, // 分享进来的题目
imageUrl: "图片门路", // 分享时显示的图片
path: `/pages/home/index`// 他人点击链接进来的页面及传递的参数
}
}
}
用户点击分享的时候,须要 携带分享码
以及 流动 id
,好友通过这两个参数为用户助力。
点击分享的时候还须要 申请分享操作的接口
,在分享的接口里,可能有 不同类型
的分享,这里须要做一步 逻辑判断
,以后为哪种分享,是邀请还是分享操作还是邀请操作,而后再申请接口创立分享。
正文完