快捷導航

微信小程序?qū)崿F(xiàn)拉卡拉支付功能

更新時間：2025年02月25日 10:58:46 作者：韓召華

本文介紹了微信小程序?qū)崿F(xiàn)拉卡拉支付的步驟,包括支付操作、拉卡拉平臺支付代碼封裝和代碼結(jié)構(gòu)引用,感興趣的朋友一起看看吧

1.支付操作

//支付
const onCanStartPay = async (obj) => {
		uni.showLoading({
			mask: true
		})
      // 支付接口獲取需要傳參的數(shù)據(jù)
		const {
			data,
			code,
			message
		} = await payRequestApi(
			{
                // 單號
				orderNo: obj.oubOrderNo,
			}
		)
		uni.hideLoading()
		if (code === 200) {
            // data為一個跳轉(zhuǎn)鏈接，他人支付就通過此接口返回鏈接跳轉(zhuǎn)支付
			let counterUrl = data
            // uni底部彈出框
			uni.showActionSheet({
				itemList: ['立即支付', '他人支付'],
				success: res => {
					if (res.tapIndex === 0) {
                        // 立即支付喚起拉卡拉平臺，實現(xiàn)拉卡拉支付
						lklPay(counterUrl,()=>{isOpenPay.value=true})
					} else {
                        // uni剪切板 剪切接口返回的跳轉(zhuǎn)鏈接 
						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('打開支付失敗，請稍后再試')
		}
	})
}