APP支付

APP支付是指商戶通過(guò)在移動(dòng)端應(yīng)用APP中集成開(kāi)放SDK調(diào)起微信支付模塊來(lái)完成支付。目前微信支付支持手機(jī)系統(tǒng)有：IOS（蘋(píng)果）、Android（安卓）和WP（Windows Phone）

應(yīng)用場(chǎng)景

APP支付適用于在移動(dòng)端APP中集成微信支付功能的場(chǎng)景。商戶APP調(diào)用微信提供的SDK調(diào)用微信支付模塊，商戶APP會(huì)跳轉(zhuǎn)到微信中完成支付，支付完后跳回到商戶APP內(nèi)，最后展示支付結(jié)果。具體操作流程如下：

步驟一 用戶進(jìn)入商戶APP，選擇商品下單、確認(rèn)購(gòu)買(mǎi)，進(jìn)入支付環(huán)節(jié)。商戶服務(wù)后臺(tái)生成支付訂單，簽名后將數(shù)據(jù)傳輸?shù)紸PP端。以微信提供的DEMO為例，見(jiàn)圖1.1。

步驟二 用戶點(diǎn)擊后發(fā)起支付操作，進(jìn)入到微信界面，調(diào)起微信支付，出現(xiàn)確認(rèn)支付界面，見(jiàn)圖1.2。

步驟三 用戶確認(rèn)收款方和金額，點(diǎn)擊立即支付后出現(xiàn)輸入密碼界面，可選擇零錢(qián)或銀行卡支付見(jiàn)圖1.3。

圖1.1 商戶APP界面實(shí)例

圖1.2 跳轉(zhuǎn)到微信支付

圖1.3 用戶確認(rèn)支付

步驟四 輸入正確密碼后，支付完成，用戶端微信出現(xiàn)支付詳情頁(yè)面。見(jiàn)圖1.4。

步驟五 回跳到商戶APP中，商戶APP根據(jù)支付結(jié)果個(gè)性化展示訂單處理結(jié)果。見(jiàn)圖1.5。

圖1.4 支付成功提示頁(yè)面

圖1.5 返回到商戶APP提示

JSAPI支付

JSAPI支付是指商戶通過(guò)調(diào)用微信支付提供的JSAPI接口，在支付場(chǎng)景中調(diào)起微信支付模塊完成收款。

應(yīng)用場(chǎng)景

JSAPI支付適用于線下場(chǎng)所、公眾號(hào)場(chǎng)景和PC網(wǎng)站場(chǎng)景。

商戶已有H5商城網(wǎng)站，用戶通過(guò)消息或掃描二維碼在微信內(nèi)打開(kāi)網(wǎng)頁(yè)時(shí)，可以調(diào)用微信支付完成下單購(gòu)買(mǎi)的流程。具體操作流程如下：

步驟一 如圖2.1，商戶下發(fā)圖文消息或者通過(guò)自定義菜單吸引用戶點(diǎn)擊進(jìn)入商戶網(wǎng)頁(yè)。

步驟二 如圖2.2，進(jìn)入商戶網(wǎng)頁(yè)，用戶選擇購(gòu)買(mǎi)，完成選購(gòu)流程。

步驟三 如圖2.3，調(diào)起微信支付控件，用戶開(kāi)始輸入支付密碼。

圖2.1 商戶網(wǎng)頁(yè)下單

圖2.2 請(qǐng)求微信支付

圖2.3 用戶確認(rèn)支付，輸入密碼

步驟四 如圖2.4，密碼驗(yàn)證通過(guò)，支付成功。商戶后臺(tái)得到支付成功的通知。

步驟五 如圖2.5，返回商戶頁(yè)面，顯示購(gòu)買(mǎi)成功。該頁(yè)面由商戶自定義。

步驟六 如圖2.6，微信支付公眾號(hào)下發(fā)支付憑證。

步驟七 如圖2.3，商戶公眾號(hào)下發(fā)消息，提示發(fā)貨成功。該步驟可選。

圖2.4 用戶支付成功提示

圖2.5 返回商戶頁(yè)面

圖2.6 用戶收到微信通知

H5支付

H5支付是指商戶在微信客戶端外的移動(dòng)端網(wǎng)頁(yè)展示商品或服務(wù)，用戶在前述頁(yè)面確認(rèn)使用微信支付時(shí)，商戶發(fā)起本服務(wù)呼起微信客戶端進(jìn)行支付。

說(shuō)明：要求商戶已有H5商城網(wǎng)站，并且已經(jīng)過(guò)ICP備案，即可申請(qǐng)接入。

提醒：H5支付不建議在APP端使用，如需要在APP中使用微信支付，請(qǐng)接APP支付，文檔詳見(jiàn)《APP支付文檔》

應(yīng)用場(chǎng)景

H5支付主要用于觸屏版的手機(jī)瀏覽器請(qǐng)求微信支付的場(chǎng)景，方便從外部瀏覽器喚起微信支付。

用戶側(cè)使用H5支付具體操作流程如下：

步驟一 用戶從非微信瀏覽器的站點(diǎn)導(dǎo)航進(jìn)入商戶H5網(wǎng)頁(yè)，用戶挑選需購(gòu)買(mǎi)商品，選擇微信支付發(fā)起購(gòu)買(mǎi)流程。

步驟二 進(jìn)入微信客戶端確認(rèn)交易，輸入支付密碼。

步驟三 支付成功，用戶收到支付憑證，同時(shí)商戶后臺(tái)收到支付成功的通知。