vue uniapp调用支付

只管前端不管后端无脑复制

微信小程序调用支付 已测

/** 小程序微信支付 */exportasyncfunctionwxxcxPay({orderNumber}:PayOptions){uni.showLoading({title:'加载中...',mask:true,})try{// 这里取的是登录时候用wxlogin登录的code请求后端接口拿到的openid//不能每次都拿code换openid wxlogin登录的code时效只有2小时constcodeData=awaitgetCode()if(!codeData?.openid){uni.showToast({title:'登录异常，请重新登录',icon:'none',mask:true})return}// 发起订单创建申请 openid需要给后端 小程序需要 看后端getCode时候存不存 其它参数看后端需求constresult:any=awaitrequest('/p/order/normalPay',{payType:4,orderNumbers:orderNumber,openId:codeData?.openid,},'POST',)if(result.success&&result.code==='00000'){constpayData=result.data//请求成功后端返回微信支付调用支付弹窗的方法 需要的参数必须要后端返回 避免错误导致支付弹窗调用失败//provider: 'wxpay',不是必须的 也无所谓/** payParams: { timeStamp: '', nonceStr: '', package: '', signType: '', paySign: '', } */uni.requestPayment({provider:'wxpay',...(payData?.payParams||{}),success:()=>{},fail:(err:any)=>{},})}else{}}catch(error:any){}}

小程序测试

打开微信开发工具 执行后会弹出二维码让开发者扫码 扫码成功后手机触发支付弹窗

其他支付待定 还没做ing