跳到主要内容

跳转小程序支付

跳转小程序支付包含三种支付场景：

  1. 手机网站H5跳转小程序支付，适用于手机浏览器H5网站的支付场景；
  2. APP跳转小程序支付，适用于第三方APP应用的支付场景；
  3. 小程序打开半屏小程序支付，适用于第三方微信小程序的支付场景。

:::: tabs ::: tab 手机网站H5跳转小程序支付

场景介绍​

适用于移动设备浏览器打开的原生H5手机网站，非微信/支付宝等第三方APP的内置浏览器打开的H5网站。

对于传统的H5手机网站，一般使用微信/支付宝提供的手机网站支付接口，有如下缺点：

  1. 前端接入复杂；
  2. 无费率优惠；
  3. 仅支持微信/支付宝原生支付渠道。

手机网站H5跳转小程序支付，可解决上述痛点，即技术接入简单、支持更多第三方支付渠道、打通小程序生态。

业务说明​

  • 用户在手机网站点击支付，提交至商户系统后台。
  • 通过“统一下单支付”接口 提交支付订单，trade_type为H5SKIPMA。
  • 聚合平台返回前端跳转URL，前端H5根据URL跳转。
  • 前端弹出提示，用户点击确认后自动跳转至小程序完成支付。

业务流程​

H5跳转小程序支付的时序图： 时序图

支付示例：

1、手机网站下单后，H5跳转至下单接口返回的url，浏览器弹出提示，点击“打开”。(因不同浏览器型号显示不同)2、跳转至小程序，发起支付3、完成微信支付4、小程序支付结果页，点击“完成”或直接关闭小程序

不同型号手机和浏览器弹出的提示框展示形式会有所差异

开通流程​

  1. 申请全新微信小程序；
  2. 小程序授权至酷点平台，发布上线为支付助手小程序；
  3. 技术对接；
  4. 支付所用的商户号需绑定支付助手小程序AppId。

:::

::: tab APP跳转小程序支付

场景介绍​

APP端发起支付时跳转到小程序进行支付。目前仅支持微信小程序。

参考官方文档：APP拉起微信小程序

开通流程​

1、准备材料​

  • 注册并认证小程序，用以承载小程序支付

  • 小程序授权到聚合平台

  • 提供小程序的APPID、原始APPID（两个ID不一样）给技术配置

  • 申请微信开放平台

  • 在微信开放平台绑定业务方的APP

2、申请开通​

将以上材料打包发送至邮箱：cs@ikudot.com，并注明“申请开通APP跳转小程序支付”，我们运营同事会与您联系。

业务流程时序图​

APP跳转小程序支付的交互流程如下： 时序图

:::

::: tab 小程序打开半屏小程序支付

场景介绍​

业务系统已有微信小程序，支付渠道亦有成熟的支付小程序（如银行），可通过业务小程序打开半屏的方式，实现更流畅的小程序支付体验！

参考官方文档：如何打开半屏小程序

业务流程​

支付示例：

1、业务侧小程序打开半屏小程序效果2、点击"支付"按钮发起支付3、完成微信支付，可通过半屏右上角"X"关闭半屏小程序返回

:::