小程序獲取微信公眾號的卡券

開發(fā)前需準備

1:申請微信公眾號 和 微信小程序,這是兩個不同的東西,都需要單獨申請、不同的帳號;

2:微信公眾號需要開通微信卡券的功能;

3:在微信公眾號里面去綁定小程序;

注:只針對不懂后端的前端人員

1.首先要在后臺通過微信公眾號的 appId 和 secret?

param = "?grant_type="client_credential "&appid=" + appId + "&secret=" + secret

https://api.weixin.qq.com/cgi-bin/token" + param

獲取到AccessToken

2.前端小程序通過wx.login獲取到 code 發(fā)送給到后臺,后臺用小程序的 appId ,secret 和code? 拿到openId

https://api.weixin.qq.com/sns/jscode2session?appid= APPID &secret= APP SECRET &grant_type=authorization_code&js_code= CODE

將登錄憑證轉(zhuǎn)換獲取openid

3.前端通過

https://???/???/weixin/api/getCardSign?cardId=' + cardId;(cardId為固定,在制作卡券的時候會有)

拿到timestamp 時間戳,signature簽名值,nonce_str隨機字符串(后臺人員根據(jù)AccessToken通過https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="?+?token.getAccess_token()?+?"&type=wx_card,然后做簽名,再返回給前端)

小程序中通過 wx.addCard 方法 領取卡券

具體微信小程序代碼:

var that = this;?

var service_url = 'https://???/???/weixin/api/getCardSign?cardId=' + cardId;//需要將服務器域名添加到小程序的request合法域名中,而且必須是https開頭 (拿到timestamp 時間戳,signature簽名值,nonce_str隨機字符串)

wx.request({?

? url: service_url,?

? data: {},?

? method: 'GET',?

? success: function (res) {?

? ? console.log(res);?

? ? ? wx.addCard({?

? ? ? ? cardList: [{?

? ? ? ? ? cardId: that.data.cardId,?

? ? ? ? ? cardExt: '{"code":"","openid":"","timestamp":' + res.data.timestamp + ',"nonce_str":"' + res.data.nonceStr + '","signature":"' + res.data.signature + '"}'?

? ? ? ? }],//這里需要注意的是cardExt參數(shù)的value值是 String類型,不要使用對象發(fā)送;另外openid如果在創(chuàng)建優(yōu)惠券的時候沒有指定,則這邊為空,千萬不要填寫當前用戶的openid?

? ? ? ? success: function (result) {?

? ? ? ? ? console.log(res);?


? ? ? ? ? wx.showToast({?

? ? ? ? ? ? title: '領取成功',?

? ? ? ? ? ? icon: 'success',?

? ? ? ? ? ? duration: 2000?

? ? ? ? ? });?

? ? ? ? },?

? ? ? ? fail: function (res) {?

? ? ? ? ? console.log('領取失敗');?

? ? ? ? ? console.log(res);?

? ? ? ? }?

? ? ? })?


? }?

});?


更多關于后臺的java代碼:https://blog.csdn.net/zhourenfei17/article/details/77714600

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 1、開啟公眾號開發(fā)者模式 公眾平臺的技術(shù)文檔目的為了簡明扼要的交代接口的使用,語句難免苦澀難懂,甚至對于不同的讀者...
    good7758閱讀 1,656評論 0 1
  • 北京2018年4月1日上午,NBA常規(guī)賽勇士客戰(zhàn)國王的比賽中,發(fā)生了令人痛心不已的一幕。比賽進行到第三節(jié)還有41...
    Curry_宇閱讀 1,357評論 1 1
  • 微信服務號開發(fā) 整體流程 域名報備,服務器搭建 Python開發(fā)環(huán)境和項目的初始化搭建; 微信公眾號注冊及開發(fā)模式...
    飛行員suke閱讀 4,690評論 0 14
  • 住了一天一晚悄悄好一點老媽的心臟,這樣我心里好受了點,也松了口氣,老媽好好接受治療,很快你就會恢復健康的!我堅信!...
    白開水葉子閱讀 197評論 0 0
  • 愛派時尚閱讀 532評論 0 1

友情鏈接更多精彩內(nèi)容