对外使用文档

1. 介绍

微卡支付小程序 SDK，基于微信小程序开发，提供微卡支付小程序的支付能力。 包含支付页面、支付结果页面、支付结果回调页面。

目前支持 C2B、B2B 支付。其中 C2B 里面包含 app、小程序直接拉起微信支付的能力。

2. 使用

2.1 安装

npm install wecard-pay-sdk --save

安装后需要在微信开发者工具中构建 npm，操作步骤如下：https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

2.2 使用

app.json 中引入组件

"usingComponents": {
  "wecard-pay": "./dist/wecard-pay/main/main"
},

在需要使用的页面中引入组件

<wecard-pay 
  show="{{show}}"
  channelSubMerchantId="CM453726693345990015"
  openid="{{openid}}"
  outOrderId="{{outOrderId}}"
  payInfo="{{payInfo}}"
  type="{{type}}"
  ocode="16111111"
  bind:payStatusChange="onC2BStatusChange"
/>

js 示例代码，用户后台需要自行实现获取 openid、outOrderId、totalAmount、payInfo 的逻辑。可查阅微卡支付小程序开发文档。

Page({
  data: {
    show: false,
    openid: '',
    outOrderId: '',
    payInfo: {},
    type: 'B2B',
  },
})

2.3 参数说明

| 参数 | 类型 | 必填 | 说明 | | -------------------- | ------- | ---- | ------------------------------------------------------------------------------------------------------------ | | show | Boolean | 是 | 是否显示支付组件，在参数请求好后设置为 true | | channelSubMerchantId | String | 是 | 商户 id | | openid | String | 是 | 用户相对于小程序的 openid | | outOrderId | String | 是 | 商户订单号，开发者生成，只能是数字、大小写字母，调用方需保证唯一 | | payInfo | Object | 是 | 预下单返回的参数 | | type | String | 是 | 支付类型，C2B 或 B2B | | ocode | String | 是 | 商户 ocode | | payStatusChange | Event | 否 | 支付结果回调，USER_EXIT: 用户退出，支付状态未知，需要小程序主动查询，SUCCESS: 支付成功，PAY_FAIL: 支付失败 |