小程序模板網(wǎng)

微信小程序卡券開發(fā)(親測)

發(fā)布時間：2017-12-16 14:57 所屬欄目：小程序開發(fā)教程

提示：小程序卡券和公眾平臺調(diào)用基本一致，請先查看公眾平臺卡券文檔 一、公眾帳號/小程序綁定 由于微信卡券用的是一套邏輯。所以小程序需要先和公眾賬號綁定，才能在小程序中調(diào)起公眾平臺卡券 登錄微信公眾平臺：h ...

 
 
 
提示：小程序卡券和公眾平臺調(diào)用基本一致，請先查看公眾平臺卡券文檔

一、公眾帳號/小程序綁定
由于微信卡券用的是一套邏輯。所以小程序需要先和公眾賬號綁定，才能在小程序中調(diào)起公眾平臺卡券
登錄微信公眾平臺：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. 
								
  2. 
									 
    3. 
								
  3. 
									$post = '{
    4. 
								
  4. 
									 
    5. 
								
  5. 
									"card_id":"cccccccccccccccccc-dw",
    6. 
								
  6. 
									 
    7. 
								
  7. 
									"gift": {
    8. 
								
  8. 
									 
    9. 
								
  9. 
									"base_info": {
    10. 
								
  10. 
									 
    11. 
								
  11. 
									"custom_url_name": "小程序",
    12. 
								
  12. 
									 
    13. 
								
  13. 
									"custom_url": "http://www.qq.com",
    14. 
								
  14. 
									 
    15. 
								
  15. 
									"custom_app_brand_user_name": "gh_aaaaaaaaaaa@app",
    16. 
								
  16. 
									 
    17. 
								
  17. 
									"custom_app_brand_pass":"pages/index/index",
    18. 
								
  18. 
									 
    19. 
								
  19. 
									"custom_url_sub_title": "點擊進入",
    20. 
								
  20. 
									 
    21. 
								
  21. 
									"promotion_url_name": "更多信息",
    22. 
								
  22. 
									 
    23. 
								
  23. 
									"promotion_url": "http://www.qq.com",
    24. 
								
  24. 
									 
    25. 
								
  25. 
									"promotion_app_brand_user_name": "gh_aaaaaaaaaaa@app",
    26. 
								
  26. 
									 
    27. 
								
  27. 
									"promotion_app_brand_pass":"pages/index/index"
    28. 
								
  28. 
									 
    29. 
								
  29. 
									}
    30. 
								
  30. 
									 
    31. 
								
  31. 
									}
    32. 
								
  32. 
									 
    33. 
								
  33. 
									}';
    34. 
								
  34. 
									 
    35. 
								
  35. 
									$url = "https://api.weixin.qq.com/card/update?access_token={$access_token}";
    36. 
								
  36. 
									 
    37. 
								
  37. 
									 
    38. 
								
  38. 
									 
    39. 
								
  39. 
									$curl = curl_init();
    40. 
								
  40. 
									 
    41. 
								
  41. 
									curl_setopt($curl, CURLOPT_URL, $url);
    42. 
								
  42. 
									 
    43. 
								
  43. 
									curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
    44. 
								
  44. 
									 
    45. 
								
  45. 
									curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
    46. 
								
  46. 
									 
    47. 
								
  47. 
									if (!empty($post)) {
    48. 
								
  48. 
									 
    49. 
								
  49. 
									curl_setopt($curl, CURLOPT_POST, 1);
    50. 
								
  50. 
									 
    51. 
								
  51. 
									curl_setopt($curl, CURLOPT_POSTFIELDS, $post);
    52. 
								
  52. 
									 
    53. 
								
  53. 
									}
    54. 
								
  54. 
									 
    55. 
								
  55. 
									curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
    56. 
								
  56. 
									 
    57. 
								
  57. 
									$output = curl_exec($curl);
    58. 
								
  58. 
									 
    59. 
								
  59. 
									curl_close($curl);
    60. 
								
  60. 
									 
    61. 
								
  61. 
									 
    62. 
								
  62. 
									 
    63. 
								
  63. 
									var_dump($output);
    64. 
								
  64. 
									 
    65. 
								
  65. 
									die();
    66. 
							

						

						三、卡券簽名 卡券簽名與公眾號卡券簽名一致，注意使用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 四、小程序調(diào)用 注意點： 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. 
								
  2. 
									 
    3. 
								
  3. 
									wx.addCard({
    4. 
								
  4. 
									 
    5. 
								
  5. 
									cardList: [
    6. 
								
  6. 
									 
    7. 
								
  7. 
									{
    8. 
								
  8. 
									 
    9. 
								
  9. 
									cardId: res.data[0].cardId,
    10. 
								
  10. 
									 
    11. 
								
  11. 
									cardExt: cardExt
    12. 
								
  12. 
									 
    13. 
								
  13. 
									}
    14. 
								
  14. 
									 
    15. 
								
  15. 
									],
    16. 
								
  16. 
									 
    17. 
								
  17. 
									success: function(res) {
    18. 
								
  18. 
									 
    19. 
								
  19. 
									console.log(res) 
    20. 
								
  20. 
									 
    21. 
								
  21. 
									}
    22. 
								
  22. 
									 
    23. 
								
  23. 
									})
    24. 
								
  24. 
									 
    25. 
							

						

						領(lǐng)取卡券后返回數(shù)據(jù)格式 QQ截圖20170603143325.png
				
			
		
	





            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉庫:starfork
                

                

                    本文地址：http://22321a.com/wxmini/doc/course/18180.html 復(fù)制鏈接 
                    如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢