微信小程序实现拉卡拉支付

功能需求：拉卡拉支付（通过跳转拉卡拉平台进行支付），他人支付（通过链接进行平台跳转支付）

1.支付操作

//支付
const onCanStartPay = async (obj) => {uni.showLoading({mask: true})// 支付接口获取需要传参的数据const {data,code,message} = await payRequestApi({// 单号orderNo: obj.oubOrderNo,})uni.hideLoading()if (code === 200) {// data为一个跳转链接，他人支付就通过此接口返回链接跳转支付let counterUrl = data// uni底部弹出框uni.showActionSheet({itemList: ['立即支付', '他人支付'],success: res => {if (res.tapIndex === 0) {// 立即支付唤起拉卡拉平台，实现拉卡拉支付lklPay(counterUrl,()=>{isOpenPay.value=true})} else {// uni剪切板 剪切接口返回的跳转链接 uni.setClipboardData({data: counterUrl,//需要复制的剪切链接success: res => {uni.showToast({title: '复制成功',icon: 'success'})}})}}})} }

2.拉卡拉平台支付代码封装

export const lklPay = (counterUrl,callBack) => {let appId = 'wx889424d565967811'; // 默认为：拉卡拉聚合收银台小程序的appIdif (counterUrl.includes('q.huijingcai.top') || counterUrl.includes('q.lakala.com')) {appId = 'wxc3e4d1682da3053c' // 拉卡拉收款宝小程序appId}uni.navigateToMiniProgram({appId,path: `payment-cashier/pages/checkout/index?source=WECHATMINI&counterUrl=${encodeURIComponent(counterUrl)}`,envVersion: 'release',// release: 正式版  trial: 体验版success: (res) => {// 打开成功callBack&&callBack()},fail: res => {showModal('打开支付失败，请稍后再试')}})
}

3.代码结构引用

4.效果：