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的方式接口参数的 如图:
第五步:当可以接收到京东回调的参数后。后面的代码就可以根据业务逻辑处理了。