vue项目中调用支付宝进行支付有两种方式:
一、支付宝H5网页支付,这种方式会从内部的项目跳转到支付宝的外部链接,只需要后台配置即可。
在前端点击支付的按钮的时候,会请求后台的接口,后台会返回一个form表单的数据,前端只需要将返回的表单添加到页面中即可,但是这种方式只要支付失败的话,就直接退出了整个程序。
二、 调用手机原生支付宝app。
1. 本项目中必须支付H5的plus函数,在index.html中添加
这样项目中可以直接使用mui和plus方法了。
2. 获取支付通道的接口:
3. 写支付函数:
其中链接地址中total是要支付的金额,datas是从后台请求过来的数据添加到这里即可。
两种支付宝支付方式已完成,需要用到的小伙伴可以借鉴一下,毕竟第一次开发支付宝支付的功能,也是各种寻找答案,找了将近三天的时间,最终找到了心满意足的答案。