如何在小程序上实现卡券功能?
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卡券添加
如何在小程序上实现卡券功能?通过以上内容,您知道小程序上的卡券功能是如何实现的吗?