微信小程序领取查看优惠券，会员卡总结

又见面了。新项目新需求，这次谈谈小程序微信卡券领卡到查看卡券的功能。在做之前，脑子一头雾水，网上查了资料，基本都是领取卡券的介绍。以为很难实现呢，其实主要工作还是在后台配置以及接口处理。前端的工作量不多，主要就是调取小程序提供的卡券接口（addCard和openCard），下面上代码逐一介绍本次实现的基本逻辑：

1.领取券微信到卡包（券包括好几种，优惠券，代金券，折扣券，主要看项目需求）

1.1.前端页面卡券列表入口，

1.2.点击代金券立即领取，跳转到微信卡包页面

1.3.点击领取到卡包，回调到卡券列表页面，状态变成已领取

1.4.当我点击已领取后，跳转到该券的微信卡券详情页面（开发者工具展示的如下两张图，手机上则直接显示详情内容）

以上流程是实现领取券整个过程。实现的逻辑如下：

1.添加卡券（addCard）实现点击券领取到卡包功能。主要参数cardIds，需要将你点击的当前这条代金券的cardId给后台，调取接口获取返参给cardLists

前端使用api（wx.addCard）实现领取卡券，从而在success回调结果里获取code和cardId

真机效果：

此处做了缓存，为查看卡券做准备。这边有个效果，当我领取完成后，再回到卡券列表页，状态改成已领取，再次点击该张券时直接调取wx.openCard

真机效果：

如果你按照我的流程做的话，领券到查看卡券详情是没有问题的。关于领会员卡到查看会员卡详情，其实思路是一样的哦。只是说后台给的CardId不同显示的前端界面则不一样。

真机效果：领会员卡效果图（代码和领代金券一样的实现逻辑）

真机效果：查看会员卡效果图，代码同上

微信小程序领取查看优惠券，会员卡总结相关推荐

卡券php小程序,微信小程序领取卡券 - osc_88a08cel的个人空间 - OSCHINA - 中文开源技术交流社区...
微信小程序领取卡券标签(空格分隔): php 开发前需要准备的工作 1 小程序和公众号要有绑定 2 小程序和该公众号要绑定到同一个开发平台下 [https://open.weixin.qq.com/ ...
微信小程序文本查看更多和收起
微信小程序文本查看更多和收起微信小程序中,有时候文本需要实现这样的功能: 1.文本超过n行显示省略号 2.省略时,显示展开/收起按钮 3.文本不超过n行时,不显示省略号和展开/收起按钮实现功能 ...
安卓手机端口号怎么查看_微信小程序怎么查看手机便签待办事项?
手机便签是很多人常用的小工具,可以用来记录工作和生活中的待办事项.不过对于很多人来说,他们打开微信的频率,可比手机便签要多得多.那么,手机微信能不能直接查看便签里记录的待办事项呢?如果可以的话,又要怎 ...
微信小程序插件下发优惠券踩坑
辛辛苦苦摸索一天多,一把辛酸泪. <send-coupon @click='bindsendcoupon()' :send_coupon_params="send_coupon_par ...
微信卡券 java_微信小程序领取卡券（java）
最近做了个领取微信卡券的小程序,看了很多文档资料以及花了很多时间才算搞定的,不过也算是好事多磨,这边记录分享一下,也算给一点提升. 一.开发前准备 1:申请微信公众号和微信小程序,这是两个不同的东 ...
微信小程序开发笔记基础篇②——微信小程序手动查看和代码查看开发者ID（AppID）
文章目录一.手动查看二.代码查看一.手动查看微信小程序后台开发管理-->开发设置-->开发者ID 二.代码查看 app.js onLaunch(opts) {const acco ...
微信小程序仿京东优惠券
效果图如下所示仿京东微信小程序视频请加QQ:1010753897 下载地址:https://download.csdn.net/download/qq_43764578/12314561 .wxml ...
微信小程序,如何查看自己的AppID
1.首先进入小程序后台,左边导航栏点击开发 2.点击开发设置就可以看到自己的AppID了
微信小程序，发放优惠券，领取卡券添加到卡包
1.使用微信提供的 send-coupon 发券插件,样式可自定义 <send-coupon @customevent="getcoupon" :send_coupon ...

微信小程序领取查看优惠券，会员卡总结

微信小程序领取查看优惠券，会员卡总结相关推荐

最新文章

热门文章