小程序支付003~借助云開發(fā)10行代碼快速實(shí)現(xiàn)小程序支付
接上篇,上一篇我們已經(jīng)注冊(cè)完企業(yè)小程序,并成功的完成了微信認(rèn)證。這一節(jié)我們就來(lái)開始正式的關(guān)聯(lián)微信支付了,給我們的小程序接入支付功能。
傳送門:《企業(yè)微信小程序的注冊(cè)圖文詳解》
必備條件
1,必須注冊(cè)微信支付的商戶號(hào)
2,企業(yè)小程序必須通過(guò)認(rèn)證
3,小程序關(guān)聯(lián)微信支付商戶號(hào)
一,小程序關(guān)聯(lián)微信商戶
1,登錄小程序后臺(tái),點(diǎn)擊關(guān)聯(lián)更多商戶號(hào)

2,關(guān)聯(lián)商戶號(hào)需要用到appid,點(diǎn)擊如下所示的關(guān)聯(lián)更多AppID

把我們小程序的appid復(fù)制下

然后去授權(quán)關(guān)聯(lián)我們的微信支付商戶號(hào)

授權(quán)完成以后,我們的小程序端會(huì)出現(xiàn)下面這樣的,點(diǎn)擊下確認(rèn)即可。


這樣我們就可以成功的關(guān)聯(lián)微信支付商戶號(hào)了

點(diǎn)擊下上圖的確認(rèn),然后再點(diǎn)擊下圖所示的授權(quán)。

可以看到我們的小程序和微信商戶號(hào)成功的關(guān)聯(lián)起來(lái)了

二,開通云開發(fā)并綁定微信商戶號(hào)
1,然后新建小程序,開始代碼部分。
這里的appid一定要是你關(guān)聯(lián)過(guò)微信支付商戶的,并且還得是企業(yè)小程序。這里創(chuàng)建項(xiàng)目時(shí)記得選擇不使用云服務(wù),因?yàn)槭褂媚J(rèn)云開發(fā)的話,會(huì)創(chuàng)建一大堆無(wú)用的文件。

2,開通云開發(fā)功能
3,給你的云開發(fā)環(huán)境起個(gè)名,英文或者拼音

然后點(diǎn)擊確定,等待創(chuàng)建云開發(fā),創(chuàng)建好以后如下。

4,然后點(diǎn)擊設(shè)置,全局配置,可以看到有個(gè)微信支付配置

有的同學(xué)這里看不到微信支付配置,是因?yàn)槟愕男〕绦蜷_發(fā)工具版本過(guò)低。最好下載最新版本的開發(fā)者工具。
5,云開發(fā)配置微信商戶號(hào)。

添加完以后還需要手機(jī)上進(jìn)行授權(quán)確認(rèn)

6,手機(jī)微信上進(jìn)行確認(rèn)


可以看到這里已經(jīng)授權(quán)綁定了

退款的我們后面會(huì)再講。
這個(gè)時(shí)候我們準(zhǔn)備工作就全部做好了,接下來(lái)就要愉快的寫代碼。
三,云開發(fā)支付代碼的編寫
1,看官方文檔,其實(shí)說(shuō)的很詳細(xì)了,接下來(lái)我?guī)Т蠹疫^(guò)一遍。

這里也把官方鏈接貼出來(lái)給大家。
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/open/pay/CloudPay.unifiedOrder.html
其實(shí)官方有給我們完整的示例。
我們只需要把這段代碼復(fù)制到我們自己的云函數(shù)里就行了。
2,創(chuàng)建云開發(fā)統(tǒng)一支付的云函數(shù)
我們首先要?jiǎng)?chuàng)建云函數(shù)的根目錄
然后新建云函數(shù)pay0610
然后把官方示例直接復(fù)制到我們自己的云函數(shù)里
3,把云函數(shù)里的信息替換成我們自己的
上面標(biāo)注重要的是一定要替換成自己的。然后保存修改,部署云函數(shù)
4,編寫頁(yè)面
在index.wxml里寫一個(gè)按鈕,點(diǎn)擊的時(shí)候調(diào)起我們的支付云函數(shù)
然后在index.js里編寫點(diǎn)擊事件
我們這個(gè)時(shí)候直接點(diǎn)擊支付,看看會(huì)不會(huì)調(diào)起支付
這個(gè)時(shí)候一大堆爆紅,仔細(xì)看下,可以看出我們?cè)崎_發(fā)環(huán)境id沒(méi)有初始化。
5,app.js里配置云開發(fā)環(huán)境id
這里取到環(huán)境id
然后在app.js里配置
然后我們?cè)冱c(diǎn)擊下支付,可以看到我們成功的調(diào)起了支付
6,然后我用手機(jī)微信支付下試試



支付成功后,我們的控制臺(tái)也會(huì)有相應(yīng)的日志打印。

到這里我們就可以成功的在小程序里使用微信支付了,后面無(wú)非把價(jià)格和商品名字做活,做成動(dòng)態(tài)傳入的。
后面我也會(huì)把源碼放到網(wǎng)盤里,有需要的同學(xué),去我公號(hào)‘編程小石頭’里回復(fù)‘云開發(fā)支付’就可以獲取了。