微信小程序实现拉卡拉支付功能
作者:韩召华
本文介绍了微信小程序实现拉卡拉支付的步骤,包括支付操作、拉卡拉平台支付代码封装和代码结构引用,感兴趣的朋友一起看看吧
功能需求:拉卡拉支付(通过跳转拉卡拉平台进行支付),他人支付(通过链接进行平台跳转支付)
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'; // 默认为:拉卡拉聚合收银台小程序的appId if (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.效果:
到此这篇关于微信小程序实现拉卡拉支付的文章就介绍到这了,更多相关微信小程序拉卡拉支付内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!