PaysApi第三方支付接口的接入与使用 React前端SSM后端

本文实现涉及实现思路以及预期结果 

前端React 后端SSM 支付接口PaysApi以及阿里云

正式开始

对比了很多第三方支付接口,选到paysapi也是因为它捕获信息的能力经过测试后还不错,官方接口文档说明的非常清楚 ,所以选用,这个demo前端是用react写的,顺便锻炼下react的使用,后端就是常规的ssm,想要测试必须介入公网,支付接口回调才能通知到你的服务器保存支付信息。

先看成果

本文就测试支付宝的就好,使用都一样。

还没支付时,获取的已支付信息:

PaysApi第三方支付接口的接入与使用 React前端SSM后端_第1张图片

支付接口所需要的数据:(官方文档对这些数据有非常详细的解释)比较丑别介意

 

PaysApi第三方支付接口的接入与使用 React前端SSM后端_第2张图片

提交支付进入接口提供的支付界面:(没有logo很nice)这里显示0.01是因为我没有上传0.05的收款码,会匹配最接近的付款码,但是信息还是会显示收到收款0.05,(将我表单输入的0.05传过来,实际收到0.01)

PaysApi第三方支付接口的接入与使用 React前端SSM后端_第3张图片PaysApi第三方支付接口的接入与使用 React前端SSM后端_第4张图片

支付成功之后

PaysApi第三方支付接口的接入与使用 React前端SSM后端_第5张图片

查看已支付的信息:(刚刚表单输入的0.05的金额被传过来了,因为支付接口需要我上传对应金额的付款码,如果没有对应金额的付款码回返回金额最匹配的付款码)接收到支付成功的信息

PaysApi第三方支付接口的接入与使用 React前端SSM后端_第6张图片

手机必须安装app监控微信以及支付宝的通知消息,收到消息后会通过第三方自己生成的订单号查找我们表单输入的通知地址notify_url(我们阿里云的服务器收到消息之后储存传过来的已支付的订单信息),在同时会在支付页面提示跳转到我们表单输入的跳转地址return_url,然后react组件再向阿里云获取最新的已支付列表。

大功告成!

源码整理中...过几天上传

你可能感兴趣的:(第三方接口,第三方支付,paysapi,支付宝,微信,ssm)