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

9158APP 0

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

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

1、开发小程序优惠券的前提是:

1.小程序与公众号绑定

2、小程序和公众号需要绑定同一个开放平台(http://open.weixin.qq.com

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

2、准备工作完成后,开始微信优惠券升级为小程序优惠券的第一步

通行小程序卡券

1 打开主要支持的功能

支持在小程序中接收/查看/使用公众号AppId创建的会员卡、门票、优惠券(含普通卡)。

注:卡券接口文档可在卡券创建部分找到。

2 商家需要做什么

2.1.公众号AppId和小程序AppId需要在开放平台进行绑定。详情请参见https://open.weixin.qq.com/cgi-bin/announce?action=getannouncementkey=1439297282version=10lang=zh_CNtoken=

;

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

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

2.4.卡券验证、数据查看与当前网络路径保持一致,商户无需调整。

3 商户接入实现的接口内容

3.1.创建接口/更新卡券信息接口base_info增加了进入小程序页面的字段。商户需要将小程序字段配置到原来自定义的外链结构中。小程序页面新增字段示例如下:

{ '卡片': {

'card_type''MEMBER_CARD',

'会员卡': {

'基本信息':{

'custom_url_name''立即使用',

'custom_url''http://www.qq.com

',

'custom_app_brand_user_name''gh_86a091e50ad4@app',

'custom_app_brand_pass':'API/cardPage',

'custom_url_sub_title''6个汉字提示',

'promotion_url_name''更多优惠',

'promotion_url''http://www.qq.com

',

'promotion_app_brand_user_name''gh_86a091e50ad4@app',

'promotion_app_brand_pass':'API/cardPage' }

}

}

该文件含糊不清。综上所述,当我们创建微信优惠券时,需要添加自定义外部链接,当我们收到优惠券时,可以通过访问优惠券上的自定义外部链接来完成小程序。卡牌升级!

1、为了省事,我在公众号后台创建了优惠券,并添加了升级字段的链接。

2、创建完成后,扫描优惠券二维码领取卡和优惠券,点击上一步设置的入口,将微信优惠券升级为小程序优惠券!

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

说明请参见:https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncementkey=1490190158version=1lang=zh_CNplatform=2

//小程序优惠券

公共函数doMobileWxapp(){

全局$_W,$_GPC;

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

load()-func('通信');

$cardid=$_GPC['card_id'];

$access_token=WeAccount:token();

$post='{

'card_id':'' 。 $cardid 。 '',

'一般优惠券':{

'基本信息':{

'custom_url_name''小程序',

'custom_url''http://www.qq.com

',

'custom_app_brand_user_name''gh_05c38bf33b51@app',

'custom_app_brand_pass':'页面/索引/索引',

'custom_url_sub_title''点击进入',

'promotion_url_name''更多信息',

'promotion_url''http://www.qq.com

',

'promotion_app_brand_user_name''gh_05c38bf33b51@app',

'promotion_app_brand_pass':'页面/索引/索引'

}

}

}';

$url='https://api.weixin.qq.com/card/update?access_token={$

访问令牌}';

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

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

var_dump($res);die();

包括$this-template('wxapp');

}

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

接收/查看优惠券界面参数不变。使用小程序的AppId调用JSSDK,填写公众号AppId下的参数。

官方文件是这么说的。今天早上本以为小程序可以调用jssdk,但是埋头研究发现不能。事实上,根本不需要JSSDK。小程序优惠券的签名字段是通过公众号的参数生成的!

需要注意的是,这里生成卡券签名需要用户在小程序下的openID。 (具体文档请参见微信JSSDK卡券添加

如何在小程序上实现卡券功能?通过以上内容,您知道小程序上的卡券功能是如何实现的吗?