微信小程序?qū)崿F(xiàn)拉卡拉支付功能
功能需求:拉卡拉支付(通過跳轉(zhuǎn)拉卡拉平臺(tái)進(jìn)行支付),他人支付(通過鏈接進(jìn)行平臺(tái)跳轉(zhuǎn)支付)
1.支付操作

//支付
const onCanStartPay = async (obj) => {
uni.showLoading({
mask: true
})
// 支付接口獲取需要傳參的數(shù)據(jù)
const {
data,
code,
message
} = await payRequestApi(
{
// 單號(hào)
orderNo: obj.oubOrderNo,
}
)
uni.hideLoading()
if (code === 200) {
// data為一個(gè)跳轉(zhuǎn)鏈接,他人支付就通過此接口返回鏈接跳轉(zhuǎn)支付
let counterUrl = data
// uni底部彈出框
uni.showActionSheet({
itemList: ['立即支付', '他人支付'],
success: res => {
if (res.tapIndex === 0) {
// 立即支付喚起拉卡拉平臺(tái),實(shí)現(xiàn)拉卡拉支付
lklPay(counterUrl,()=>{isOpenPay.value=true})
} else {
// uni剪切板 剪切接口返回的跳轉(zhuǎn)鏈接
uni.setClipboardData({
data: counterUrl,//需要復(fù)制的剪切鏈接
success: res => {
uni.showToast({
title: '復(fù)制成功',
icon: 'success'
})
}
})
}
}
})
}
}2.拉卡拉平臺(tái)支付代碼封裝
export const lklPay = (counterUrl,callBack) => {
let appId = 'wx889424d565967811'; // 默認(rèn)為:拉卡拉聚合收銀臺(tái)小程序的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: 體驗(yàn)版
success: (res) => {
// 打開成功
callBack&&callBack()
},
fail: res => {
showModal('打開支付失敗,請(qǐng)稍后再試')
}
})
}3.代碼結(jié)構(gòu)引用

4.效果:

到此這篇關(guān)于微信小程序?qū)崿F(xiàn)拉卡拉支付的文章就介紹到這了,更多相關(guān)微信小程序拉卡拉支付內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
webpack實(shí)現(xiàn)一個(gè)行內(nèi)樣式px轉(zhuǎn)vw的loader示例
這篇文章主要介紹了webpack實(shí)現(xiàn)一個(gè)行內(nèi)樣式px轉(zhuǎn)vw的loader示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
javascript編程開發(fā)中取色器及封裝$函數(shù)用法示例
這篇文章主要介紹了javascript編程開發(fā)中取色器及封裝$函數(shù),結(jié)合實(shí)例形式分析了javascript封裝$函數(shù)及數(shù)值運(yùn)算、頁面元素動(dòng)態(tài)操作實(shí)現(xiàn)取色器功能相關(guān)技巧,需要的朋友可以參考下2017-08-08
js抽獎(jiǎng)實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)代碼效果
這篇文章主要介紹了js隨機(jī)抽獎(jiǎng)代碼效果,大家參考使用2013-12-12
bootstrap fileinput 上傳插件的基礎(chǔ)使用
這篇文章主要介紹了bootstrap fileinput 上傳插件基礎(chǔ)使用,重點(diǎn)是把界面做得更加友好,更好的增加用戶體驗(yàn)。對(duì)bootstrap fileinput知識(shí)感興趣的朋友通過本文一起學(xué)習(xí)吧2017-02-02
JS+CSS實(shí)現(xiàn)自動(dòng)改變切換方向圖片幻燈切換效果的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)自動(dòng)改變切換方向圖片幻燈切換效果的方法,實(shí)例分析了javascript操作圖片切換方向的幻燈片技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
基于javascript處理nginx請(qǐng)求過程詳解
這篇文章主要介紹了基于javascript處理nginx請(qǐng)求過程詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
URLSearchParams快速解析URL查詢參數(shù)實(shí)現(xiàn)
這篇文章主要為大家介紹了URLSearchParams快速解析URL查詢參數(shù)實(shí)現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
js 動(dòng)態(tài)加載事件的幾種方法總結(jié)
本篇文章主要是對(duì)js 動(dòng)態(tài)加載事件的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12

