微信小程序?qū)崿F(xiàn)拉卡拉支付功能
功能需求:拉卡拉支付(通過(guò)跳轉(zhuǎn)拉卡拉平臺(tái)進(jìn)行支付),他人支付(通過(guò)鏈接進(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)鏈接,他人支付就通過(guò)此接口返回鏈接跳轉(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) => { // 打開(kāi)成功 callBack&&callBack() }, fail: res => { showModal('打開(kāi)支付失敗,請(qǐng)稍后再試') } }) }
3.代碼結(jié)構(gòu)引用
4.效果:
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)拉卡拉支付的文章就介紹到這了,更多相關(guān)微信小程序拉卡拉支付內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)沿五角星形線擺動(dòng)的小圓實(shí)例詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)沿五角星形線擺動(dòng)的小圓實(shí)例詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11創(chuàng)建一個(gè)復(fù)制UBB軟件信息的鏈接或按鈕的js代碼
2008-01-01Webpack打包過(guò)程中處理ES6模塊的循環(huán)依賴問(wèn)題小結(jié)
Webpack通過(guò)“暫時(shí)性引用”特性處理ES6模塊的循環(huán)依賴,即在模塊加載時(shí)創(chuàng)建占位符,確保模塊能夠正確加載,本文介紹Webpack打包過(guò)程中如何處理ES6模塊的循環(huán)依賴,感興趣的朋友一起看看吧2025-02-02JS/jQuery實(shí)現(xiàn)獲取時(shí)間的方法及常用類完整示例
這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)獲取時(shí)間的方法及常用類,結(jié)合完整實(shí)例形式分析了javascript針對(duì)日期時(shí)間的獲取、轉(zhuǎn)換、計(jì)算與檢測(cè)相關(guān)操作技巧,需要的朋友可以參考下2019-03-03小程序webview內(nèi)網(wǎng)頁(yè)實(shí)現(xiàn)微信支付的代碼示例
這篇文章主要介紹了在小程序中使用webview實(shí)現(xiàn)微信支付功能,需要在小程序和webview之間進(jìn)行交互,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02js+springMVC 提交數(shù)組數(shù)據(jù)到后臺(tái)的實(shí)例
今天小編就為大家分享一篇js+springMVC 提交數(shù)組數(shù)據(jù)到后臺(tái)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09javascript使用smipleChart實(shí)現(xiàn)簡(jiǎn)單圖表
這篇文章主要介紹了javascript使用smipleChart實(shí)現(xiàn)簡(jiǎn)單圖表的方法及示例分享,需要的朋友可以參考下2015-01-01