如何在小程序上实现卡券功能？

　　如何在小程序上实现卡券功能?微信最近推出了小程序功能，我们用过小程序的应该都知道，它给我们的生活带来了很多的便捷，最近很多微信用户问我如何在小程序上实现卡券功能?下面小编就带你了解一下如何在小程序上实现卡券功能?

　　一 、 开发小程序卡券的前提是：

　　1、小程序和公众号有绑定

　　2、小程序和该公众号需要绑定到同一个开放平台下(open.weixin.qq

　　)

　　3、公众号开通微信卡券功能

　　二 、 准备工作做好后，开始第一步讲微信卡券升级成小程序卡券

　　小程序&卡券打通

　　1 打通主要支持特*

　　支持在小程序中领取/查看/使用公众号AppId创建的会员卡、票、券(含通用卡)。

　　注：创建卡券部分可见卡券接口文档。

　　2 商家需要做什么

　　2.1.  需在open平台绑定公众号AppId与小程序AppId，详情查看open.weixin.qq/cgi-bin/announce?action=getannouncement&key=1439297282&version=10&lang=zh_CN&token=

　　;

　　2.2. 原卡券中配置的自定义外链基础上新增一组小程序页面配置字段，支持将卡券内链接升级为小程序;

　　2.3. 以小程序AppId调用添加/查看卡券JS-API，签名参数与公众号Addcard/Opencard JS-SDK一致;

　　2.4. 核销卡券、数据查看保持现网路径，商家无需调整。

　　3 商家接入落地的接口内容

　　3.1.  创建接口/更新卡券信息接口base_info中新增进入小程序页面字段，商家需将小程序字段配置进原自定义外链结构体中，小程序页面新增字段示例如下：

　　{ "card": {

　　"card_type": "MEMBER_CARD",

　　"member_card": {

　　"base_info": {

　　"custom_url_name": "立即使用",

　　"custom_url": ".qq

　　",

　　"custom_app_brand_user_name": "gh_86a091e50ad4@app",

　　"custom_app_brand_pass":"API/cardPage",

　　"custom_url_sub_title": "6个汉字tips",

　　"promotion_url_name": "更多优惠",

　　"promotion_url": ".qq

　　",

　　"promotion_app_brand_user_name": "gh_86a091e50ad4@app",

　　"promotion_app_brand_pass":"API/cardPage" }

　　}

　　}

　　文档中讲的是模棱两可，总结下来就是需要我们在创建微信卡券的时候，需要添加个自定义外链，并且我们领取一张卡券，通过卡券上的那个自定义外链访问完成小程序卡券升级!

　　1、我图省事就在公众号后台创建卡券了并添加那个升级字段的链接

　　2、创建完成后通过卡券二维码扫码领取这张卡券，并点击上一步设置的入口，去升级微信卡券到小程序卡券!

　　3、第一步设置的那个自定义字段访问链接内的代码如下(我通过PHP实现的)

　　说明可看：mp.weixin.qq/cgi-bin/announce?action=getannouncement&key=1490190158&version=1&lang=zh_CN&platform=2

　　//小程序卡券

　　public function doMobileWxapp(){

　　global $_W,$_GPC;

　　load()->classs('weixin.account');

　　load()->func('communication');

　　$cardid = $_GPC['card_id'];

　　$access_token = WeAccount::token();

　　$post = '{

　　"card_id":"' . $cardid . '",

　　"general_coupon": {

　　"base_info": {

　　"custom_url_name": "小程序",

　　"custom_url": ".qq

　　",

　　"custom_app_brand_user_name": "gh_05c38bf33b51@app",

　　"custom_app_brand_pass":"pages/index/index",

　　"custom_url_sub_title": "点击进入",

　　"promotion_url_name": "更多信息",

　　"promotion_url": ".qq

　　",

　　"promotion_app_brand_user_name": "gh_05c38bf33b51@app",

　　"promotion_app_brand_pass":"pages/index/index"

　　}

　　}

　　}';

　　$url = "api.weixin.qq/card/update?access_token={$

　　access_token}";

　　$res = i_post($url, $post);

　　$res = json_decode($res['content'],true);

　　var_dump($res);die();

　　include $this->template('wxapp');

　　}

　　4、完成卡券升级后，开始小程序里做领取卡券(通过wx.addCard(OBJECT))

　　领取/查看卡券的接口参数不变，以小程序的AppId调用JSSDK，填入公众号AppId下的参数

　　官方文档是这么一句话说的，我上午以为小程序可以调用jssdk了呢，埋头研究发现不行，其实这里根本不需要什么JSSDK，就是通过公众号的参数来生成小程序卡券的签名字段!

　　需要注意的是，这里生成卡券签名需要用到用户在小程序下的openID，(具体文档可以查看微信JSSDK卡券添

　　如何在小程序上实现卡券功能?通过小编以上的内容，你知道如何在小程序上实现卡券功能了吗?希望小编的内容对你有所帮助，如果需要了解更多信息，请关注微微风。

　　推荐阅读：

　　微信小程序计算器功能实现方法?

　　微信小程序搜索功能该如何实现?

　　微信小程序如何实现定位功能?