京東支付功能流程

1：目前市場上支付API的第三方很多，主流的接口有

?支付寶，微信，京東，云閃付，銀聯 等等? 主要包含 付款碼支付? ， JSAPI支付， APP支付，H5支付 ， 小程序支付，人臉支付 ，Navite支付 等等?

他們的支付方式大同小異，有的名字雖然不是相同的，但是使用場景都差不多。

這里例如京東支付：主要就包含：

• PC支付
• H5支付
• APP支付
• 掃一掃支付
• 商戶二維碼支付
• 付款碼支付??

選其中之一的H5支付講解：

首先是 京東的官方文檔：https://payapi.jd.com/

京東的H5支付 V.20? (包含之前的)版本 比較坑爹的，只支持表單提交的方式，所以 調用之前接口必須是在前端頁面用From表單的方式調用下面接口。不能在后端調用，V3.0是可以支持的。

H5端調用地址：https://h5pay.jd.com/jdpay/saveOrder

京東H5支付的官網文檔：https://payapi.jd.com/docList.html?methodName=0

那么通過H5調用京東支付接口流程是怎么樣的呢？

第一步：在H5的支付頁面如下：這個是用戶開發的頁面。選擇支付方式。例如京東支付

第二步：點擊 ---京東支付 的時候需要調用后端接口。主要根據訂單號 獲取訂單信息，這里需要獲取的信息內容就是??https://h5pay.jd.com/jdpay/saveOrder?接口需要的內容。

獲取接口的所有數據后 再自定義一個頁面，這個頁面就是在From表單用的，把接口接口中獲取的信息? 全部綁定到該頁面的表單內。

如圖：這里當調用JdpayH接口成功后，先把數據記錄緩存中，再跳轉到? ??/payOrder/Jdpay 這個頁面中，這個頁面也是自定義的頁面，就是為了把參數全部綁定打From中，

?

第三步：Form表單頁面創建后，綁定的數據內容如下：

這里調用的接口就是 ：京東官網接口：https://h5pay.jd.com/jdpay/saveOrder?

注意下面代碼：? 雖然需要跳轉到這個頁面，但是這個頁面完全不停留的，這個頁面的初始化方法： activated 里面就直接提交表單。如下圖代碼。 所以這個頁面給用戶是無感的。它的作用就是為了通過表單的方式觸發京東接口，這里就是做的比較坑的地方。其實正常的完全可以在后臺第一步獲取了所以訂單相關信息后直接調用京東API接口，但是京東的V2.0不支持。

?

第四步：在第一步的時候整理京東API需要參數的時候，已經給他轉了 回調url。包含 同步回調，異步回調? 2個接口。

這兩個 同步接口 跟異步接口，京東官方的Demo是使用 aspx的方式接口參數的 如圖：

第五步:當可以接收到京東回調的參數后。后面的代碼就可以根據業務邏輯處理了。