商城系統(tǒng) 注冊(cè)

微信小程序支付接口開發(fā)教程

2018-08-17|HiShop
導(dǎo)讀:小程序支付功能要想實(shí)現(xiàn),必須在開發(fā)小程序過程中,接入支付接口,下面本文闡述如何從零開始接入小程序支付,尤其適合那些沒有微信支付接入經(jīng)驗(yàn)的開發(fā)者。...

小程序支付功能要想實(shí)現(xiàn),必須在開發(fā)小程序過程中,接入支付接口,下面本文闡述如何從零開始接入小程序支付,尤其適合那些沒有微信支付接入經(jīng)驗(yàn)的開發(fā)者。

微信小程序支付接口開發(fā)教程

小程序中微信支付的能力,是隨著小程序的發(fā)布一并推出的,然而小程序文檔里關(guān)于微信支付接口只有一個(gè)requestPayment函數(shù)的描述。

這個(gè)requestPayment函數(shù)確實(shí)是小程序前端唯一需要調(diào)用的函數(shù),但是微信支付的成功接入實(shí)際遠(yuǎn)遠(yuǎn)不止這一個(gè)函數(shù),對(duì)于沒有接入過微信支付的開發(fā)者,會(huì)覺得一頭霧水,完全沒法下手。

本文闡述如何從零開始接入小程序支付,尤其適合那些沒有微信支付接入經(jīng)驗(yàn)的開發(fā)者。

1. 申請(qǐng)微信支付

小程序認(rèn)證以后,可以在小程序后臺(tái),微信支付菜單欄,申請(qǐng)微信支付。

微信小程序支付接口開發(fā)教程

 

填寫企業(yè)信息和對(duì)公賬戶,微信支付會(huì)打一筆隨機(jī)金額到對(duì)公賬戶,輸入金額完成驗(yàn)證后,在線簽署遷移,即完成了微信支付的申請(qǐng)流程.。

微信支付申請(qǐng)完,會(huì)發(fā)送微信支付商戶號(hào),商戶平臺(tái)用戶名密碼等信息到注冊(cè)者郵箱。

2. 準(zhǔn)備工作

2.1 配置小程序密鑰

微信小程序支付接口開發(fā)教程

 

 

小程序后臺(tái)設(shè)置頁,點(diǎn)擊生成,管理員驗(yàn)證二維碼后,會(huì)隨機(jī)生成AppSecret。請(qǐng)妥善保管好Appsecret,不要明文存儲(chǔ)于服務(wù)器,AppSecret用于和微信服務(wù)器交互。比如獲取用戶的openid接口就需要用到.

2.2 設(shè)置密鑰和下載證書

用申請(qǐng)微信支付獲得的用戶名和密碼,登錄商戶平臺(tái)(http://pay.weixin.qq.com),在賬戶中心,API安全中下載證書和設(shè)置密鑰。

密鑰是32位,設(shè)置以后需要妥善保管,因?yàn)闊o法查看密鑰,所有微信支付相關(guān)的接口都會(huì)使用這個(gè)密鑰加密。

2.3 配置Https服務(wù)器

小程序的前端是使用微信提供的框架開發(fā),但是后臺(tái)依然是開發(fā)者自己的服務(wù)器。小程序發(fā)起的是https請(qǐng)求,意味著小程序開發(fā)者必須配置https服務(wù)器。

配置https服務(wù)器之前,先要獲取證書,證書可以向相關(guān)機(jī)構(gòu)購(gòu)買,騰訊云目前可以向用戶提供免費(fèi)的證書.

證書安裝指引,可以參考這里: https://www.qcloud.com/doc/product/400/4143

3. 微信支付流程

微信支付有多種支付方式,包括刷卡支付,公眾號(hào)支付,掃碼支付,APP支付,所有微信支付的接口都可以在這里找到:https://pay.weixin.qq.com/wiki/doc/api/index.html

小程序是在微信里調(diào)起支付的,其實(shí)是公眾號(hào)支付,關(guān)于公眾號(hào)支付的詳細(xì)文檔可以這里找到: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1

所有公眾號(hào)支付相關(guān)的鏈接都可以在此鏈接找到,開發(fā)者首先需要大概了解這些接口

小程序公眾號(hào)支付的主要流程如下(本圖只考慮了正常流程,異常流程參考公眾號(hào)支付文檔):

微信小程序支付接口開發(fā)教程

 

 

3.1 關(guān)于openid

上述流程中請(qǐng)求openid,用的是小程序最新api中的接口,開發(fā)者可以查看小程序的登錄接口。

開發(fā)者從第三方服務(wù)器獲得的openid,在統(tǒng)一下單的接口里面需要使用到.

3.2 關(guān)于小程序調(diào)起微信支付

上述流程中的小程序調(diào)起微信支付,用的是小程序微信支付接口wx.requestPayment,該接口的詳細(xì)描述可以查看小程序的微信支付API。

這個(gè)接口中的package和timeStamp參數(shù)是從開發(fā)者的第三方服務(wù)器返回的,package是第三方服務(wù)器從統(tǒng)一下單接口回復(fù)中獲得。

接口中其他的參數(shù),appId,noceStr,signType以及paySign則由小程序這邊存儲(chǔ)或者計(jì)算而得。

其中paySign是簽名,簽名算法文檔在這里:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3&t=20161107

整個(gè)公眾號(hào)支付的主要流程基本都是在第三方服務(wù)器上實(shí)現(xiàn),開發(fā)者需要熟讀公眾號(hào)支付文檔,了解消息交互流程以及每個(gè)接口。

這里并沒有描述正常微信支付必不可少的一些功能:異常處理,查詢訂單,發(fā)起退款,下載對(duì)賬單等等。

4. 小程序與JSSDK微信支付比較

JSSDK的微信支付接口是公眾號(hào)里用JS調(diào)起公眾號(hào)支付的方法,具體可以參考公眾平臺(tái)的文檔。

可以看到,小程序和JSSDK的微信支付非常類似,這里比較一下2者的區(qū)別:

微信小程序支付接口開發(fā)教程

 

以上是微信小程序支付接口開發(fā)教程,更多關(guān)于微信小程序其他接口開發(fā),可以關(guān)注本網(wǎng)站,謝謝。

HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。更多小程序請(qǐng)查看:小程序商店


電話咨詢 預(yù)約演示 0元開店