微信支付

產(chǎn)品首頁(yè)：https://pay.weixin.qq.com/static/product/product_index.shtml

付款碼支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=qrcode
付款碼支付是指用戶(hù)展示微信錢(qián)包內(nèi)的“付款碼”給商戶(hù)系統(tǒng)掃描后直接完成支付，適用于線下場(chǎng)所面對(duì)面收銀的場(chǎng)景，例如商超、便利店、餐飲、醫(yī)院、學(xué)校、電影院和旅游景區(qū)等具有明確經(jīng)營(yíng)地址的實(shí)體場(chǎng)所。開(kāi)發(fā)文檔

產(chǎn)品流程

• 步驟1 用戶(hù)選擇付款碼支付，付款碼打開(kāi)路徑：[微信->“我”->“支付”->“收付款”，如下圖1、圖2；
• 步驟2 收銀員在商戶(hù)系統(tǒng)操作生成支付訂單，用戶(hù)確認(rèn)支付金額；
• 步驟3 商戶(hù)收銀員用掃碼設(shè)備掃描用戶(hù)的條碼/二維碼，商戶(hù)收銀系統(tǒng)提交支付，如圖3；

• 步驟4 微信支付后臺(tái)系統(tǒng)收到支付請(qǐng)求，根據(jù)驗(yàn)證密碼規(guī)則判斷是否驗(yàn)證用戶(hù)的支付密碼，不需要驗(yàn)證密碼的交易直接發(fā)起扣款，需要驗(yàn)證密碼的交易會(huì)彈出密碼輸入框。支付成功后微信端會(huì)彈出成功頁(yè)面，支付失敗會(huì)彈出錯(cuò)誤提示。

  
  
  image.png

JSAPI支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=jsapi
JSAPI支付是指商戶(hù)通過(guò)調(diào)用微信支付提供的JSAPI接口，在支付場(chǎng)景中調(diào)起微信支付模塊完成收款。開(kāi)發(fā)文檔

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

• 線下場(chǎng)所：調(diào)用接口生成二維碼，用戶(hù)掃描二維碼后在微信瀏覽器中打開(kāi)頁(yè)面后完成支付
• 公眾號(hào)場(chǎng)景：用戶(hù)在微信公眾賬號(hào)內(nèi)進(jìn)入商家公眾號(hào)，打開(kāi)某個(gè)主頁(yè)面，完成支付
• PC網(wǎng)站場(chǎng)景：在網(wǎng)站中展示二維碼，用戶(hù)掃描二維碼后在微信瀏覽器中打開(kāi)頁(yè)面后完成支付

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

• 步驟一 如圖2.1，商戶(hù)下發(fā)圖文消息或者通過(guò)自定義菜單吸引用戶(hù)點(diǎn)擊進(jìn)入商戶(hù)網(wǎng)頁(yè)。
• 步驟二 如圖2.2，進(jìn)入商戶(hù)網(wǎng)頁(yè)，用戶(hù)選擇購(gòu)買(mǎi)，完成選購(gòu)流程。

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

  
  
  image.png
• 步驟四 如圖2.4，密碼驗(yàn)證通過(guò)，支付成功。商戶(hù)后臺(tái)得到支付成功的通知。
• 步驟五 如圖2.5，返回商戶(hù)頁(yè)面，顯示購(gòu)買(mǎi)成功。該頁(yè)面由商戶(hù)自定義。

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

  
  
  image.png

小程序支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=miniapp
小程序支付是指商戶(hù)通過(guò)調(diào)用微信支付小程序支付接口，在微信小程序平臺(tái)內(nèi)實(shí)現(xiàn)支付功能；用戶(hù)打開(kāi)商家助手小程序下單，輸入支付密碼并完成支付后，返回商家小程序。開(kāi)發(fā)文檔

image.png

用戶(hù)付款流程

• 步驟1：如圖1，用戶(hù)通過(guò)分享或掃描二維碼進(jìn)入商戶(hù)小程序，用戶(hù)選擇購(gòu)買(mǎi)，完成選購(gòu)流程。

• 步驟2：如圖3，調(diào)起微信支付控件，用戶(hù)開(kāi)始輸入支付密碼。

  
  
  image.png
• 步驟3：如圖4，密碼驗(yàn)證通過(guò)，支付成功。商戶(hù)后臺(tái)得到支付成功的通知。
• 步驟4：如圖5，返回商戶(hù)小程序，顯示購(gòu)買(mǎi)成功。

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

  
  
  image.png

業(yè)務(wù)場(chǎng)景結(jié)合

了解完微信支付不同模式的基礎(chǔ)賬號(hào)關(guān)系與使用后，針對(duì)第三方模式進(jìn)行枚舉說(shuō)明，以小程序舉例。
小程序的開(kāi)發(fā)：第三方服務(wù)商幫商戶(hù)開(kāi)發(fā)小程序，有三種業(yè)務(wù)場(chǎng)景:
1、第三方自己申請(qǐng)賬號(hào)，自己開(kāi)發(fā)，生成指定內(nèi)頁(yè)給特約商戶(hù)用，該模式簡(jiǎn)稱(chēng)中心化模式。
2、以特約商戶(hù)身份申請(qǐng)小程序appid，第三方完成開(kāi)發(fā)，該模式簡(jiǎn)稱(chēng)外包模式。
3、通過(guò)開(kāi)放平臺(tái)第三方開(kāi)發(fā)者代特約商戶(hù)進(jìn)行小程序的開(kāi)發(fā)，該模式簡(jiǎn)稱(chēng)第三方模式。
無(wú)論哪種模式開(kāi)發(fā)的小程序，在使用面對(duì)用戶(hù)的微信支付能力時(shí)，都以該小程序appid為主體id來(lái)調(diào)用微信開(kāi)放平臺(tái)提供的api。
以在某小程序中發(fā)起微信支付為例，分后臺(tái)下單和前端js拉起收銀臺(tái)兩部分。
其中，后臺(tái)下單對(duì)應(yīng)微信支付的三大類(lèi)開(kāi)放模式，前端js拉起收銀臺(tái)需通過(guò)該小程序的appid，且該appid參與后臺(tái)下單。即，根據(jù)不同的開(kāi)放模式和業(yè)務(wù)場(chǎng)景枚舉，第三方開(kāi)發(fā)小程序使用微信支付時(shí)，可分為9種（3*3）不同的組合模式，結(jié)合實(shí)際業(yè)務(wù)訴求選擇對(duì)應(yīng)的組合模式進(jìn)行開(kāi)發(fā)。

image.png

Native支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=miniapp
Native支付是指商戶(hù)系統(tǒng)按微信支付協(xié)議生成支付二維碼，用戶(hù)再用微信“掃一掃”完成支付的模式。該模式適用于PC網(wǎng)站、實(shí)體店單品或訂單、媒體廣告支付等場(chǎng)景。 開(kāi)發(fā)文檔

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

Native支付適用于PC網(wǎng)站、實(shí)體店單品或訂單、媒體廣告支付等場(chǎng)景
用戶(hù)掃描商戶(hù)展示在各種場(chǎng)景的二維碼進(jìn)行支付，具體操作流程如下：

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

• 步驟二 用戶(hù)使用微信“掃一掃”（如圖3.1）掃描二維碼后，獲取商品支付信息，引導(dǎo)用戶(hù)完成支付（如圖3.3）。

  
  
  image.png
• 步驟三 用戶(hù)確認(rèn)支付，輸入支付密碼（如圖3.4）。

• 步驟四 支付完成后會(huì)提示用戶(hù)支付成功（如圖3.5），商戶(hù)后臺(tái)得到支付成功的通知，然后進(jìn)行發(fā)貨處理。

  
  
  image.png

APP支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=app
APP支付是指商戶(hù)通過(guò)在移動(dòng)端應(yīng)用APP中集成開(kāi)放SDK調(diào)起微信支付模塊來(lái)完成支付。適用于在移動(dòng)端APP中集成微信支付功能的場(chǎng)景。[開(kāi)發(fā)文檔]
(https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_5_0.shtml)
APP支付是指商戶(hù)通過(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)景。商戶(hù)APP調(diào)用微信提供的SDK調(diào)用微信支付模塊，商戶(hù)APP會(huì)跳轉(zhuǎn)到微信中完成支付，支付完后跳回到商戶(hù)APP內(nèi)，最后展示支付結(jié)果。具體操作流程如下：

• 步驟一 用戶(hù)進(jìn)入商戶(hù)APP，選擇商品下單、確認(rèn)購(gòu)買(mǎi)，進(jìn)入支付環(huán)節(jié)。商戶(hù)服務(wù)后臺(tái)生成支付訂單，簽名后將數(shù)據(jù)傳輸?shù)紸PP端。以微信提供的DEMO為例，見(jiàn)圖1.1。
• 步驟二 用戶(hù)點(diǎn)擊后發(fā)起支付操作，進(jìn)入到微信界面，調(diào)起微信支付，出現(xiàn)確認(rèn)支付界面，見(jiàn)圖1.2。

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

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

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

  
  
  image.png

H5支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=h5
H5支付是指商戶(hù)在微信客戶(hù)端外的移動(dòng)端網(wǎng)頁(yè)展示商品或服務(wù)，用戶(hù)在前述頁(yè)面確認(rèn)使用微信支付時(shí)，商戶(hù)發(fā)起本服務(wù)呼起微信客戶(hù)端進(jìn)行支付。主要用于觸屏版的手機(jī)瀏覽器請(qǐng)求微信支付的場(chǎng)景?？梢苑奖愕膹耐獠繛g覽器喚起微信支付。開(kāi)發(fā)文檔

image.png

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

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

H5支付主要用于觸屏版的手機(jī)瀏覽器請(qǐng)求微信支付的場(chǎng)景，方便從外部瀏覽器喚起微信支付。
用戶(hù)側(cè)使用H5支付具體操作流程如下：

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

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

  
  
  image.png

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

  
  
  image.png

刷臉支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=face
刷臉支付是指用戶(hù)在刷臉設(shè)備前通過(guò)攝像頭刷臉、識(shí)別身份后進(jìn)行的一種支付方式，安全便捷。適用于線下實(shí)體場(chǎng)所的收銀場(chǎng)景，如商超、餐飲、便利店、醫(yī)院、學(xué)校等。開(kāi)發(fā)文檔