业务场景:公司有自己支付币,另外支持微信支付、支付宝支付
当订单金额 < 公司支付币,支付列表为 支付宝、微信、余额支付
image.png
当订单金额 > 公司支付币,支付列表为 支付宝、微信、组合支付
image.png
点击确认支付
image.png
支付相关接口流程:
选择余额支付
拉起键盘 =》输入6位支付密码 =》验证余额密码正确性(正确,后台创建余额支付订单)=》跳转到成功页面
选择微信支付
后台创建第三方支付订单=》接口返回微信支付类型(微信h5支付、微信公众号支付、微信app支付)
微信h5支付=》直接跳转页面
微信app支付=》与公司app进行交互
微信公众号支付=》根据微信公众号的sdk调取接口
选择支付宝支付
后台创建第三方支付订单=》接口返回支付宝支付类型(aliWeb、aliApp)
aliWeb=》自动提交阿里支付form表单
const div = document.createElement('div');
div.innerHTML = resData.result.data;
document.body.appendChild(div);
document.forms[0].submit();
aliApp=》与公司app进行交互
选择组合支付
当选择组合支付,余额自动用完,其他支付方式支付剩余金额
后台创建组合支付订单,根据选择的第三方支付方式(微信、支付宝),进行方法调用
微信支付和支付宝支付相关参数
wx: {
'APP': 'APP',
'JSAPI': 'JSAPI',
'MWEB': 'MWEB',
'wx_lite': 'wx_lite'
},
ali: {
'aliWeb': 'aliWeb',
'aliApp': 'aliApp'
}