经验分享

原理简介

接入拉卡拉收银台的微信小程序是通过【全屏唤起】或【半屏唤起】的拉卡拉收银台小城的方式来进行的支付的。具体的支付流程原理如下：

       步骤1：用户在商家的小程序端提交订单→步骤2：到达唤起收银台前端生成业务订单→步骤3：请求收银台下单接口→步骤4：生成支付订单→步骤5：返回收银台URL→步骤6：加载收银台→步骤7：选择支付方式→步骤8：发起支付请求→步骤9：交易处理→步骤10：返回支付结果通知→步骤11：查询支付结果→步骤12：返回支付结果→步骤13：展示支付结果

       在上述的步骤中，涉及到了唤起收银台的，则是选择是【半屏唤起】还是【全屏唤起】的方式。

(微信小程序唤起拉卡拉收银台图片示例)

代码示例

// source: 来源 （固定填写 WECHATMINI）
 // counterUrl: 收银台链接（收银台订单创建接口返回的counter_url）
 // 重要：根据counter_url的域名，判断跳转小程序的appId，此逻辑必须要有
 const counterUrl = service.response.counter_url; // 获取后台返回的counter_url
 let appId = 'wx889424d565967811'; // 默认为：拉卡拉聚合收银台小程序的appId
 if (counterUrl.includes('q.huijingcai.top') || counterUrl.includes('q.lakala.com')) {
     appId = 'wxc3e4d1682da3053c' // 拉卡拉收款宝小程序appId
 }

打开收银台全屏小程序

wx.navigateToMiniProgram({
     appId,
     path: `payment-cashier/pages/checkout/index?source=WECHATMINI&counterUrl=${
         encodeURIComponent(counterUrl)
     }`,
     envVersion: 'trial',
     // release: 正式版  trial: 体验版
     success(res) {
         // 打开成功
     }
 })

打开收银台半屏小程序

wx.openEmbeddedMiniProgram({
     appId,
     path: `payment-cashier/pages/checkout/index?source=WECHATMINI&counterUrl=${
         encodeURIComponent(counterUrl)
     }`,
     envVersion: 'trial',
     // release: 正式版  trial: 体验版
     success(res) {
         // 打开成功
     }
 })

相关文档—唤起三方支付小程序的微信文档

1、【微信文档】打开半屏小程序

2、【微信文档】打开全屏小程序