一种基于网页的现金红包实现方法技术

技术编号:32487948 阅读:30 留言:0更新日期:2022-03-02 09:53
本发明专利技术提供一种基于网页的现金红包实现方法,包括以下步骤:业务服务端创建红包任务,通过发放红包用户支付;业务服务端根据网页登录用户的信息设置红包个数和计算金额,网页登录用户在业务服务端抢到红包,抢红包活动结束;网页登录用户通过微信用户中心登录,微信用户中心将网页登录用户的信息发送给业务服务端,业务服务端根据网页登录用户抢到红包信息,向该网页登录用户支付。本发明专利技术实现了网页登录用户在非微信浏览器登录,不需要关注公众号也能参与抢红包活动,直接使用微信付款并将红包发放到网页登录用户零钱。红包发放到网页登录用户零钱。红包发放到网页登录用户零钱。

【技术实现步骤摘要】
一种基于网页的现金红包实现方法


[0001]本专利技术涉及一种视频云播放平台的基于微信支付的红包互动组件,尤其是涉及一种基于网页的现金红包实现方法。

技术介绍

[0002]现有红包发放功能一般都是微信或者支付宝支付平台向用户发送红包,或者向用户发放领奖码,用户活动下线后找运营同时兑换,通过html5 dom动画或者HTML5游戏框架phaser实现红包雨下落动画。
[0003]基于微信支付的网页红包发放通常需要基于公众号网页授权登录,因此用户参与活动需要在微信内置浏览器中打开,在普通浏览器中打开需要关注公众号登录才能参与红包活动,现金通过公众号或者服务通知向用户发送,需要用户手动领取才能进入用户钱包。

技术实现思路

[0004]本专利技术提供了一种基于网页的现金红包实现方法,用于解决直播活动中向用户发放红包的需求问题,其技术方案如下所述:
[0005]一种基于网页的现金红包实现方法,包括以下步骤:
[0006]S1:业务服务端创建红包任务,通过发放红包用户支付;
[0007]S2:业务服务端根据网页登录用户的信息设置红包个数和计算金额,网页登录用户在业务服务端抢到红包,抢红包活动结束;
[0008]S3:网页登录用户通过微信用户中心登录,微信用户中心将网页登录用户的信息发送给业务服务端,业务服务端根据网页登录用户抢到红包信息,向该网页登录用户支付。
[0009]进一步的,步骤S1中,包括以下步骤:
[0010]S11:主持人作为发放红包用户,向业务服务端发起创建红包任务的请求,业务服务端收到创建红包任务的请求后向订单中心发起创建红包订单的请求;
[0011]S12:订单中心收到创建红包订单的请求,对应创建订单,将订单号返回业务服务端;
[0012]S13:业务服务端通过订单号再向订单中心申请创建支付;
[0013]S14:订单中心收到创建支付请求后向微信支付系统发送请求获取预支付交易链接,并将预支付交易链接返回到业务服务端;
[0014]S15:业务服务端收到预支付交易链接后返回给主持人,主持人收到预支付交易链接后将预支付交易链接转为支付二维码并显示,主持人用微信扫描支付二维码进入微信支付页面并进行支付;
[0015]S16:主持人在支付页面确认支付后,微信支付系统向订单中心发送支付成功通知,订单中心再将消息通知到业务服务端,业务服务端收到支付成功消息后创建红包任务,并将消息推送给主持人;
[0016]S17:主持人收到消息,显示红包任务已创建。
[0017]进一步的,步骤S1之前,主持人登录时进行以下步骤:
[0018]S41:主持人作为发放红包用户登录;
[0019]S42:主持人登录成功,向业务服务端的业务API发起请求,获取直播间相关信息,业务服务端将直播间相关信息返回给主持人;
[0020]S43:主持人页面获取到直播间相关信息后初始化页面,初始化socket,用于监听红包开始结束消息;
[0021]S44:主持人通过直播间id向业务服务端的红包API服务请求token;
[0022]S45:红包API创建token并返回;
[0023]S46:主持人点击创建红包按钮,向业务API服务发起红包创建请求。
[0024]进一步的,步骤S2中,发放红包的过程如下所述:
[0025]S21:业务服务端根据主持人设置生成指定个数和金额的红包,将红包数据id、订单号数据保存到数据库,并设置红包状态为未开始状态,其中主持人作为发放红包用户;
[0026]S22:业务服务端创建红包任务后,先将主持人设置的红包相关数据缓存到Redis中,再通过socket通知网页登录用户和主持人红包开始,网页登录用户和主持人收到红包开始消息后开启红包倒计时;
[0027]S23:网页登录用户收到红包开始消息,在网页登录用户所在端显示红包雨动画,网页登录用户开始抢红包,发送对应请求到业务服务端,进入抢红包队列;
[0028]S24:业务服务端依次从抢红包队列中获取网页登录用户的信息,查看业务服务端redis中是否有相应红包以及网页登录用户是否还能领取红包,如果还有剩余红包就向网页登录用户发送红包,如果没有剩余红包,则网页登录用户抢红包失败。
[0029]S25:业务服务端向网页登录用户发送领取红包接口,如果网页登录用户能领取红包,则调用微信付款接口直接将红包发放到网页登录用户的微信钱包。
[0030]进一步的,步骤S3中的领取红包的过程如下所述:
[0031]S31:观众作为网页登录用户,网页登录用户端在登录页向业务服务端请求登录并验证token;
[0032]S32:业务服务端收到请求,返回token;
[0033]S33:网页登录用户端收到token,并用token生成登录地址;
[0034]S34:网页登录用户端将登录地址生成登录二维码,同时向业务服务端发起轮询,查询网页登录用户是否已登录;
[0035]S35:网页登录用户使用微信扫描二维码,进入登录页面;
[0036]S36:登录页面调用微信登录,获取微信用户授权;
[0037]S37:网页登录用户确认授权后,微信返回授权code;
[0038]S38:登录页将code发送到业务服务端;
[0039]S39:业务服务端通过code获取网页登录用户信息;
[0040]S310:业务服务端将观众用户信息返回给网页登录用户端,通过步骤S34的轮询接口;
[0041]S311:网页登录用户端获取用户信息后跳转观看页面,登录成功。
[0042]进一步的,步骤S22中,所述业务API通过sokcet发送广播到主持人端和网页登录用户所在端,通知红包开始并开始倒计时。
[0043]网页登录用户所在端收到红包开始消息,开始除了显示红包雨动画,并显示倒计时动画。
[0044]进一步的,步骤S24和步骤S25之间,红包抢完或者倒计时结束,红包结束,发送消息到主持人端和观众端,主持人端和观众端收到结束消息,查询业务API获取中奖人员,显示中奖排行榜。
[0045]所述红包雨动画采用canvas绘制。
[0046]对于gif图片,则通过gifuct

js解析图片帧信息,再通过canvas将所有帧合并成一张sprite精灵图,记录每帧图片的宽高以及每帧图片之间时间间隔参数,在绘制时,移动图片定位,从而绘制动态gif图片。
[0047]所述基于网页的现金红包实现方法实现了网页登录用户在非微信浏览器登录,不需要关注公众号也能参与抢红包活动,本专利技术直接使用微信付款并将红包发放到网页登录用户零钱,不需要网页登录用户在服务号领取,同时红包雨动画是使用canvas绘制红包动画,支持gif显示。
附图说明
[0048]图1是所述基于网页的现金红包创建红包任务的流程示意本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于网页的现金红包实现方法,包括以下步骤:S1:业务服务端创建红包任务,通过发放红包用户支付;S2:业务服务端根据网页登录用户的信息设置红包个数和计算金额,网页登录用户在业务服务端抢到红包,抢红包活动结束;S3:网页登录用户通过微信用户中心登录,微信用户中心将网页登录用户的信息发送给业务服务端,业务服务端根据网页登录用户抢到红包信息,向该网页登录用户支付。2.根据权利要求1所述的基于网页的现金红包实现方法,其特征在于:步骤S1中,包括以下步骤:S11:主持人作为发放红包用户,向业务服务端发起创建红包任务的请求,业务服务端收到创建红包任务的请求后向订单中心发起创建红包订单的请求;S12:订单中心收到创建红包订单的请求,对应创建订单,将订单号返回业务服务端;S13:业务服务端通过订单号再向订单中心申请创建支付;S14:订单中心收到创建支付请求后向微信支付系统发送请求获取预支付交易链接,并将预支付交易链接返回到业务服务端;S15:业务服务端收到预支付交易链接后返回给主持人,主持人收到预支付交易链接后将预支付交易链接转为支付二维码并显示,主持人用微信扫描支付二维码进入微信支付页面并进行支付;S16:主持人在支付页面确认支付后,微信支付系统向订单中心发送支付成功通知,订单中心再将消息通知到业务服务端,业务服务端收到支付成功消息后创建红包任务,并将消息推送给主持人;S17:主持人收到消息,显示红包任务已创建。3.根据权利要求1所述的基于网页的现金红包实现方法,其特征在于:步骤S1之前,主持人登录时进行以下步骤:S41:主持人作为发放红包用户登录;S42:主持人登录成功,向业务服务端的业务API发起请求,获取直播间相关信息,业务服务端将直播间相关信息返回给主持人;S43:主持人页面获取到直播间相关信息后初始化页面,初始化socket,用于监听红包开始结束消息;S44:主持人通过直播间id向业务服务端的红包API服务请求token;S45:红包API创建token并返回;S46:主持人点击创建红包按钮,向业务API服务发起红包创建请求。4.根据权利要求1所述的基于网页的现金红包实现方法,其特征在于:步骤S2中,发放红包的过程如下所述:S21:业务服务端根据主持人设置生成指定个数和金额的红包,将红包数据id、订单号数据保存到数据库,并设置红包状态为未开始状态,其中主持人作为发放红包用户;S22:业务服务端创建红包任务后,先将主持人设置的红包相关数据缓存到Redis中,再通过socket通知网页登录用户和主持人红包开始,网页登录用户和主持人收到红包开始消息后开启红包倒计时;S23:网页登录用户收到红包开始消息,在...

【专利技术属性】
技术研发人员:邢波刘钧石刘秉林
申请(专利权)人:创盛视联数码科技北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1