APP支付

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

應用場景

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

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

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

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

圖1.1 商戶APP界面實例

圖1.2 跳轉到微信支付

圖1.3 用戶確認支付

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

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

圖1.4 支付成功提示頁面

圖1.5 返回到商戶APP提示

JSAPI支付

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

應用場景

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

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

步驟一 如圖2.1，進入商戶網(wǎng)頁，用戶選擇購買，完成選購流程。

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

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

圖2.2 請求微信支付

圖2.3 用戶確認支付，輸入密碼

步驟三 如圖2.4，密碼驗證通過，支付成功。商戶后臺得到支付成功的通知。

步驟四 如圖2.5，返回商戶頁面，顯示購買成功。該頁面由商戶自定義。

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

步驟六 商戶公眾號下發(fā)消息，提示發(fā)貨成功。該步驟可選。

圖2.4 用戶支付成功提示

圖2.5 返回商戶頁面

圖2.6 用戶收到微信通知

Native支付

Native支付是指商戶系統(tǒng)按微信支付協(xié)議生成支付二維碼，用戶再用微信“掃一掃”完成支付的模式。

應用場景

Native支付適用于PC網(wǎng)站、實體店單品或訂單、媒體廣告支付等場景

用戶掃描商戶展示在各種場景的二維碼進行支付，具體操作流程如下：

步驟一 商戶根據(jù)微信支付的規(guī)則，為不同商品生成不同的二維碼（如圖3.1），展示在各種場景，用于用戶掃描購買。

步驟二 用戶使用微信“掃一掃”（如圖3.1）掃描二維碼后，獲取商品支付信息，引導用戶完成支付（如圖3.2）。

步驟三 用戶確認支付，輸入支付密碼（如圖3.4）。

圖3.1 支付二維碼

圖3.2 打開微信掃一掃二維碼

圖3.3 確認支付頁面

步驟三 用戶確認支付，輸入支付密碼（如圖3.4）。

步驟四 支付完成后會提示用戶支付成功（如圖3.5），商戶后臺得到支付成功的通知，然后進行發(fā)貨處理。

圖3.4 用戶確認支付，輸入密碼

圖3.5 支付成功提示

H5支付

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

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

提醒：H5支付不建議在APP端使用，如需要在APP中使用微信支付，請接APP支付，文檔詳見《APP支付文檔》

應用場景

H5支付主要用于觸屏版的手機瀏覽器請求微信支付的場景，方便從外部瀏覽器喚起微信支付。

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

步驟一 用戶從非微信瀏覽器的站點導航進入商戶H5網(wǎng)頁，用戶挑選需購買商品，選擇微信支付發(fā)起購買流程。

步驟二 進入微信客戶端確認交易，輸入支付密碼。

步驟三 支付成功，用戶收到支付憑證，同時商戶后臺收到支付成功的通知。