浅析微信支付：公众平台卡券功能开通、HTML5线上发券（JS-SDK接口）、查看卡券详情

本文是【浅析微信支付】系列文章的第十六篇，主要讲解如何使用微信公众平台的卡券功能、如何使用HTML5在网页展示用户领券以及微信卡券和商户平台代金券的关系。

---

浅析微信支付系列已经更新十六篇了哟～，没有看过的朋友们可以看一下哦。

浅析微信支付：开通免充值产品功能及如何进行接口升级指引

浅析微信支付：商户平台代金券或立减优惠开通、指定用户代金券发放、查询等

浅析微信支付：商户平台开通现金红包、指定用户发放、红包记录查询

浅析微信支付：支付验收示例和验收指引

浅析微信支付：如何使用沙箱环境测试

前几篇文章主要介绍了如何在【微信商户平台】使用代金券和满减优惠折扣等产品功能，有不少小伙伴说到，【微信公众平台】也有一个卡券功能，那么他们有什么差别呢？这个卡券功能该如何使用？本文会给大家一个解释。

两者的差别

首先，我们来解释商户平台和微信平台各自优惠券的区别，如果有人试过，那么应该知道，两者是不通用的，不通用的，不通用的！！！

至于这里要重点标识不通用？因为在开通微信卡券功能后，在商户平台也会出现微信卡券对应优惠券信息，虽然没有发券的功能，只是展示，但如果我们走接口发券，就会出现 发券失败，不支持发送xxx类型的优惠券 的错误，这时就尴尬了；

还没完，因为平台不同，所以微信卡券和支付优惠券发送、领取的方式（接口）也是不同的，包括用户领取时跳转到的页面也不相同，这个也请大家注意。

所以，我们需要将这两种券作为两种不同种类的券来处理就可以了。

公众平台卡券功能开通

登陆公众平台 https://mp.weixin.qq.com，点击左侧[功能-添加功能插件]，进入插件库页面，进入[卡券功能]，可以开通卡券功能。

申请条件：
必须开通微信支付功能！！！！

功能介绍：
卡券功能，是提供给商户或第三方的一套派发优惠券，经营管理会员的工具，可在公众平台或通过接口创建卡券，多种渠道投放给用户，用户用券时需核销卡券，核销后可查看数据、进行对账。

主要能力：
●朋友共享的优惠券——可利用社交链快速扩散传播，一人领券，本人和朋友皆可看到并使用。查看视频介绍
●普通优惠券——传统优惠券电子版，领取后仅本人可见可用，支持多种类型：折扣券、代金券、兑换券、团购券、优惠券。
●会员卡——支持折扣、积分等玩法，并提供会员管理、数据报表等丰富工具，便于商户高效运营会员。
●微信买单——无需进行微信支付开发，同时与会员卡，代金券，折扣券打通，为你积累用户消费数据，用于经营参考
●储值功能——会员卡商户无需申请，可直接通过API接口，使用“余额展示”功能，将会员余额显示在微信会员卡首页。具有预付卡资质的商家可申请“储值”功能，申请成功后，可通过API接口设置此入口，帮助会员通过微信支付为会员卡充值。
●第三方代制模式——经商户授权后，可代子商户快速接入并使用卡券功能，支持通过公众平台或API接口实现该功能。

官方开发文档地址：

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141229

这里就已知小伙伴们已经开通卡券功能，如何手动创建优惠券可以在公众平台上操作，很简单，这里就不说了，本文主要讲如何使用接口的方式来创建卡券、用户领取、查询卡券详情。

微信卡券指引

官方文档地址：

https://mp.weixin.qq.com/cgi-bin/readtemplate?t=cardticket/faq_tmpl&type=info&token=&lang=zh_CN#0

下面是卡券功能开通指引对应的申请渠道、申请条件：

有需要的小伙伴可以通读一下上面官方文档，读完之后就会对微信卡券有所认识了，差不多基础业务都能做到心中有数咯。

如果是开发者，直接看下面微信卡券接口文档就行，毕竟我们更关心接口相关的信息，官方文档如下：

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141229

下载卡券资料包：

https://mp.weixin.qq.com/zh_CN/htmledition/comm_htmledition/res/cardticket/wx_card_document.zip?token=&lang=zh_CN

根据官方文档的步骤，需要整整七步，下面为具体步骤：

1. 获取access_token
2. 上传卡券logo
3. 创建卡券
4. 创建二维码投放
5. 显示二维码
6. 设置测试白名单
7. 核销卡劵

官方的文档主要是使用了沙箱测试账号来测试并验证，关于接口测试号申请可以通过以下链接来取得：

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

下面我们来一步步分析接口。

获取access_token

页面地址：http://mp.weixin.qq.com/debug/

接口类型：基础支持

接口列表：获取access_toke