小程序獲取微信公眾號(hào)的卡券

開發(fā)前需準(zhǔn)備

1:申請(qǐng)微信公眾號(hào) 和 微信小程序,這是兩個(gè)不同的東西,都需要單獨(dú)申請(qǐng)、不同的帳號(hào);

2:微信公眾號(hào)需要開通微信卡券的功能;

3:在微信公眾號(hào)里面去綁定小程序;

注:只針對(duì)不懂后端的前端人員

1.首先要在后臺(tái)通過微信公眾號(hào)的 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ā)送給到后臺(tái),后臺(tái)用小程序的 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為固定,在制作卡券的時(shí)候會(huì)有)

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

小程序中通過 wx.addCard 方法 領(lǐng)取卡券

具體微信小程序代碼:

var that = this;?

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

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類型,不要使用對(duì)象發(fā)送;另外openid如果在創(chuàng)建優(yōu)惠券的時(shí)候沒有指定,則這邊為空,千萬不要填寫當(dāng)前用戶的openid?

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

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


? ? ? ? ? wx.showToast({?

? ? ? ? ? ? title: '領(lǐng)取成功',?

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

? ? ? ? ? ? duration: 2000?

? ? ? ? ? });?

? ? ? ? },?

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

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

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

? ? ? ? }?

? ? ? })?


? }?

});?


更多關(guān)于后臺(tái)的java代碼:https://blog.csdn.net/zhourenfei17/article/details/77714600

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

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

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

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