跳到主要内容

打开微信小程序（半屏）

业务侧系统为小程序应用场景，通过打开另一个半屏小程序实现支付。

提示

小程序此处指微信端小程序
微信小程序基础库 2.20.1 开始支持

【业务小程序实现方式及步骤如下】

1. 参考阅读官方文档​

如何打开半屏小程序

2. 小程序配置​

业务侧小程序需要配置半屏跳转的小程序，通过调用申请后才能允许唤起；

可在微信小程序管理后台「设置」-「第三方设置」-「半屏小程序管理」板块发起申请；

最多可以申请10个小程序。

注：半屏小程序配置参数请联系对接的运营人员获取。

3. 后台创建订单并返回​

业务系统需调用 订单预支付接口 并将返回值透传至前端小程序。

前端需获取到关键参数值app_id、path、token。

4. 小程序端调用组件wx.openEmbeddedMiniProgram​

参数说明：

参数类型说明
appIdString待打开的半屏小程序appId
pathString半屏小程序打开路径
tokenString订单验证的短时效token (注：token响应值为 "" 或 null ,则不需要拼接)

调用组件代码参考：

wx.openEmbeddedMiniProgram({
    // 打开半屏支付小程序的appid
    appId: `${appId}`,
    // 携带的token
    path: `${/pages/pay/pay}?token=${token}`,
    // 接口调用成功回调
    success: () => {
    },
    // 接口调用失败回调
    fail: (error) => {
        console.log('打开半屏小程序失败', error)
    },
    // 接口调用结束回调(打开成功、失败都会执行)
    complete: () => {
    }
})