简介
首先要说明的是个人感觉接入支付宝比微信简单多了,很轻松的,所以同学们不要紧张~
当然还是老规矩啦,上来肯定的贴上官网地址 www.forcepay.cn
,因为我这些服务天天在更新,而我的文章是教大家方法,而让你不是照葫芦画瓢
进入app支付文档有两种方式,一种是直接在下面的开放业务里
还有一种是通过上面的导航栏文档中心,然后滚动到业务接入那一栏,可以看到移动支付
当然也可以直接打开这个地址,文档还是挺多,可以关注我勾选的这几项
首先这里我也要说明的是个人是不能申请的,只能是企业,所以我demo里面的用的一些资料也是demo里面的
这里是交互流程的官方文档,需要详细的可以点进去看看
运行Demo
我们来到官方demo的下载地址
可以看到有两个,选择你需要的就行了,下载解压完直接导入eclipse并配置一些参数运行就可以查看效果了
导入jar
将demo里面的alipaySdk-20160223.jar拷贝到我们工程的libs下,并添加到依赖中
这里支付成功了,只是提示用户,还得从服务器确认是否正在支付了,我这里只写了本地,其他如果在服务端实现是一样的,你把这代码直接发给后端就行了(如果后端是Java开发),可以看到我们已经成功调起支付宝服务了
如果要测试demo,请替换
MainActivity中PARTNER,SELLER,RSA_PRIVATE为你申请到的值
以上测试代码都在github上,官方的下载的sdk包也在该仓库的docs目录下
业务场景介绍:
pc端支持微信支付 [ Native支付官方API] && 支付宝支付 [电脑网站支付官方API ]
订单生成逻辑:前端请求后端提交订单,后端去和微信或者支付宝对接生成订单(后续支付都是这个逻辑进行的对接)
一、vue中pc端微信支付怎么去玩?
这里大部分工作量是后端的事情,订单的生成由后端去和腾讯对接的,前端只需要负责将后端返回来的支付二维码(由后端生成的,有些情况也可以前端去对接订单生成之后由前端自己生成二维码,这种情况比较少)展示在终端供用户扫码即可:
1.二维码展现窗口
4.扫码完成支付即可,后续完成支付就是项目中的业务逻辑了。至此微信PC端支付已完成,前端的工作量是不是很少~
二、vue中pc端支付宝支付怎么玩?
上述微信支付这么简单,同理pc端的支付宝支付也很简单,因为业务层与支付宝做订单交互还是后端处理的,所以前端的工作量就相当简单。
1.这里需要一个承载页面,来承载后端与支付宝完成交互之后,请求后端支付接口会返回一个from表单,前端只需要负责把它展现给用户扫码即可
3.用户扫码完成之后,进入支付宝倒计时页面后续就是业务逻辑处理了,至此支付宝PC支付也已经完成。
移动端H5支付(微信+支付宝)