微信小程序卡券开发(亲测)

2017/6/3 18:45:01 人评论 次浏览 分类:开发资料

提示:小程序卡券和公众平台调用基本一致,请先查看公众平台卡券文档

一、公众帐号/小程序绑定
由于微信卡券用的是一套逻辑。所以小程序需要先和公众账号绑定,才能在小程序中调起公众平台卡券
登录微信公众平台:https://open.weixin.qq.com/ 进行绑定操作
QQ截图20170603110606.png

二、公众号卡券添加小程序字段
更改卡券信息接口:https://api.weixin.qq.com/card/update?access_token=TOKEN
文档参考:https://mp.weixin.qq.com/cgi-bin ... ng=zh_CN&platform=2

[PHP] 
	
  1. $access_token = 'Yn6h-PM679IXWtndisSKGtxWHV3rHpIl9IrUVFgE96m4aKbhyVDiG34OuOUGs_SIIceQSplwLWWexURWiuXGyTkaYXU8pFW-goveJ8XQJvpSU1KX9UnUssssssssssQhAAAGWZ';
  2. $post = '{
  3. "card_id":"cccccccccccccccccc-dw",
  4. "gift": {
  5. "base_info": {
  6. "custom_url_name": "小程序",
  7. "custom_url": "http://www.qq.com",
  8. "custom_app_brand_user_name": "gh_aaaaaaaaaaa@app",
  9. "custom_app_brand_pass":"pages/index/index",
  10. "custom_url_sub_title": "点击进入",
  11. "promotion_url_name": "更多信息",
  12. "promotion_url": "http://www.qq.com",
  13. "promotion_app_brand_user_name": "gh_aaaaaaaaaaa@app",
  14. "promotion_app_brand_pass":"pages/index/index"
  15. }
  16. }
  17. }';
  18. $url = "https://api.weixin.qq.com/card/update?access_token={$access_token}";
  19. $curl = curl_init();
  20. curl_setopt($curl, CURLOPT_URL, $url);
  21. curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
  22. curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
  23. if (!empty($post)) {
  24. curl_setopt($curl, CURLOPT_POST, 1);
  25. curl_setopt($curl, CURLOPT_POSTFIELDS, $post);
  26. }
  27. curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
  28. $output = curl_exec($curl);
  29. curl_close($curl);
  30. var_dump($output);
  31. die();


三、卡券签名
卡券签名与公众号卡券签名一致,注意使用api_ticket签名
参考文档:https://mp.weixin.qq.com/wiki?ac ... 52296&highline=card|%26amp%3Bcardext#fl4
卡券签名验证工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=cardsign

四、小程序调用
注意点:
1、卡券字段use_custom_code填写为false时,code字段不用加到cardExt
2、卡券字段bind_openid填写为false是,openid字段不用加到cardExt
3、当签名时使用nonce_str字段签名时,nonce_str字段需要加到cardExt
[JavaScript] 
																																																																					
  1. let cardExt='{"timestamp":"'+res.data[0].timestamp+'","signature":"'+res.data[0].signature+'","nonce_str":"'+res.data[0].nonce_str+'"}'
  2. wx.addCard({
  3. cardList: [
  4. {
  5. cardId: res.data[0].cardId,
  6. cardExt: cardExt
  7. }
  8. ],
  9. success: function(res) {
  10. console.log(res)
  11. }
  12. })

领取卡券后返回数据格式
QQ截图20170603143325.png

相关教程

    暂无相关的教程...

共有访客发表了评论 网友评论

验证码: 看不清楚?