当前位置: 现金红包 > 现金红包 >

当用户点击分享领红包按钮后

2020-03-24 18:15 - 查看:
为商家的小程序提供了现金红包发放功能,主要应用于企业、商家给用户发放支付宝红包的应用场景;用户领取后,红包金额可以提现到支付宝余额。 商家可以配合使用多种红包策略和

  为商家的小程序提供了现金红包发放功能,主要应用于企业、商家给用户发放支付宝红包的应用场景;用户领取后,红包金额可以提现到支付宝余额。

  商家可以配合使用多种红包策略和玩法,如随机金额,指定金额范围等,并且红包还可以分享到支付宝端外使用。

  开发者在打开小程序开发者工具时,选择模板选取开放能力现金红包 demo,即可进入现金红包的开发模板,如下图所示。

  商家可以通过现金红包为自己的生活号引流,用户在关注小程序关联的生活号后,可以领取相应数额的现金红包。

  以 Demo 中为例,首先为了让用户有关注生活号的入口,需要首先在页面添加关注生活号组件,具体可以参考lifestyle组件文档,在此不赘述。

  用户未关注生活号时isCollected参数为 false,页面按钮会显示关注生活号领取红包;点击该按钮,触发点击事件onClickCollect()会弹出弹窗提示用户需要先关注生活号。

  用户点击右上角关注按钮后isCollected参数会被赋为 true 此时用户界面会显示已关注,领取红包点击此按钮触发onClickCollect()事件且会调用handleRedPacket()函数获取红包;获取成功后会在用户界面显示红包信息。

  在 index.js 中,小程序页面加载时,将 收藏状态(是否关注生活号)isCollected初始化,默认值为 false,即用户未关注该生活号。

  小程序axml中关注生活号领取红包按钮显示内容使用三目运算符通过判断用户是否关注生活号或分享转发来动态显示 button 内容,当用户点击右上角关注按钮后isCollected参数会被赋为 true。button 中内容则会改变为已经关注,领取红包,点击即可领取红包。

  在小程序的营销场景下,开发者可以用红包的形式鼓励用户转发小程序,通过社交裂变提高小程序的访问量。

  用户点击小程序页面的分享领红包按钮 ,该按钮中定义了点击事件onClickShare(),该函数会判断isShared参数的值以此确定用户是否完成转发,默认isShared参数当前值为 false ,会调用my.showSharePanel(唤起分享页面。

  DEMO中当分享面板展开即判定用户转发成功,具体业务场景请按照需求实现。此时会将isShared的值被赋为

  在 index.js 中,小程序页面加载时,将 分享状态(是否分享小程序)isShared初始化,默认值为 false,即用户未分享该小程序。

  小程序 axml 中分享领红包按钮显示内容使用三目运算符通过判断用户是否分享小程序显示 button 内容,当用户点击分享领红包按钮后,用户界面会弹出分享面板,此时isShared 参数会被赋为 true 。button 中内容则会改变为已经分享,领取红包,点击即可领取红包。

  在符合相关规定的前提下,开发者可以在小程序内建立一定的积分体系,用户可以用积分兑换红包,并在余额中查看,如下图所示。

  DEMO中默认用户积分point值为 9999,点击消耗积分进行红包兑换按钮,该按钮中定义了点击事件onClickPoint(),该函数封装了 JSAPI用于弹窗提示用户是否确定使用积分获取红包,当用户点击立即兑换同意后调用usePoint()函数用于获取积分兑换红包结果,该函数中封装了 JSAPImy.request用于向后台发送请求和接收返回信息。当返回业务处理成功时会调用handleRedPacket()函数领取红包,领取成功后用户界面会显示红包信息。

  在 index.js 中,小程序页面加载时,将 用户积分信息Point初始化,默认值为 9999(仅测试使用,具体积分定义请开发者考虑实际场景实现)。

  当后台处理完成业务逻辑后会将红包信息返回( DEMO中不做具体处理,请根据具体业务环境解析使用数据),当业务处理成功时会将 isShowRedPacket 参数赋为true (DEMO中将信息定义在axml中的modal 标签中)用户界面就会显示领取红包的信息(仅为示例,请按照现金红包文档对接)。

  Tips:为了良好的用户体验,用户领取红包后请注意红包页面定义点击隐藏事件。

  java代码中请注意使用支付宝的OpenAPI向支付宝服务器发送请求,都需要构造AlipayClient 且需要配置的各项参数,例如 小程序的公钥,私钥,网关地址,请求格式,字符集,签名类型等参数,建议与demo中类似编写配置信息的工具类并且将配置信息放在properties文件中方便后期修改,减小代码改动。参考DEMO中 config 包与resource包中的 Application.properties 文件。

声明:本文图片、文章来源于网络,不代表现金红包之意见及观点,如有侵权,请与我联系删除。转载请注明出处: http://www.rebatebyach.com/xianjinhongbao/12042.html

上一篇:上一篇:点击首页签到图片进入签到即可           下一篇:下一篇:升至2019年10月移动App排行榜第245名