微信支付

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

付款碼支付

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

產(chǎn)品流程

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

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

  
  
  image.png

JSAPI支付

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

應(yīng)用場景

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

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

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

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

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

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

  
  
  image.png

小程序支付

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

image.png

用戶付款流程

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

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

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

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

  
  
  image.png

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

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

image.png

Native支付

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

應(yīng)用場景

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

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

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

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

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

  
  
  image.png

APP支付

產(chǎn)品文檔：https://pay.weixin.qq.com/static/product/product_intro.shtml?name=app
APP支付是指商戶通過在移動(dòng)端應(yīng)用APP中集成開放SDK調(diào)起微信支付模塊來完成支付。適用于在移動(dòng)端APP中集成微信支付功能的場景。[開發(fā)文檔]
(https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_5_0.shtml)
APP支付是指商戶通過在移動(dòng)端應(yīng)用APP中集成開放SDK調(diào)起微信支付模塊來完成支付。目前微信支付支持手機(jī)系統(tǒng)有：IOS（蘋果）、Android（安卓）和WP（Windows Phone）

應(yīng)用場景

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

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

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

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

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

  
  
  image.png

H5支付

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

image.png

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

應(yīng)用場景

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

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

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

  
  
  image.png

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

  
  
  image.png

刷臉支付

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