微信公眾號(hào)接入微信支付介紹
微信公眾號(hào)接入微信支付介紹:公眾號(hào)支付即用戶(hù)在微信中打開(kāi)商戶(hù)的H5頁(yè)面,商戶(hù)在H5頁(yè)面通過(guò)調(diào)用微信支付提供的JSAPI接口調(diào)起微信支付模塊完成支付。
案例介紹:
線(xiàn)下:新版友寶售賣(mài)機(jī)等。
線(xiàn)上:京東、易訊公眾號(hào)內(nèi)下單支付等。
應(yīng)用場(chǎng)景有:
1、用戶(hù)在微信公眾賬號(hào)內(nèi)進(jìn)入商家公眾號(hào),打開(kāi)某個(gè)主頁(yè)面,完成支付。
2、用戶(hù)的好友在朋友圈、聊天窗口等分享商家頁(yè)面連接,用戶(hù)點(diǎn)擊鏈接打開(kāi)商家頁(yè)面,完成支付。
3、將商戶(hù)頁(yè)面轉(zhuǎn)換成二維碼,用戶(hù)掃描二維碼后在微信瀏覽器中打開(kāi)頁(yè)面后完成支付 。
步驟(1):如圖7.1,商戶(hù)下發(fā)圖文消息或者通過(guò)自定義菜單吸引用戶(hù)點(diǎn)擊進(jìn)入商戶(hù)網(wǎng)頁(yè)。
步驟(2):如圖7.2,進(jìn)入商戶(hù)網(wǎng)頁(yè),用戶(hù)選擇購(gòu)買(mǎi),完成選購(gòu)流程。

圖7.1 商戶(hù)自定義消息界面

圖7.2 商戶(hù)網(wǎng)頁(yè)下單
步驟(3):如圖7.3,調(diào)起微信支付控件,用戶(hù)開(kāi)始輸入支付密碼。
步驟(4):如圖7.4,密碼驗(yàn)證通過(guò),支付成功。商戶(hù)后臺(tái)得到支付成功的通知。
圖7.3 用戶(hù)確認(rèn)支付,輸入密碼

圖7.3用戶(hù)確認(rèn)支付輸入密 圖7.4用戶(hù)支付成功提示
步驟(5):如圖7.5,返回商戶(hù)頁(yè)面,顯示購(gòu)買(mǎi)成功。該頁(yè)面由商戶(hù)自定義。
步驟(6):如圖7.6,公眾號(hào)下發(fā)消息,提示發(fā)貨成功。該步驟可選。

圖7.5 返回商戶(hù)頁(yè)面提示

圖7.6 用戶(hù)收到發(fā)貨微信通知