微信小程序自定义版交易组件接入视频号教程

微信小程序接入视频号能力有标准版交易组件和自定义版交易组件两种方式接入，其中自定义版交易开放组件完全使用小程序原有的界面和功能以及交易链路。小程序制作开发人员可以调用申请接入接口或者通过登录微信公众平台完成申请接入，通过上传商品、品牌资质、企业售卖资质、商品类目合格资质等信息完成商品的上传，通过调用订单相关接口帮助用户完成订单的付款。

注：目前自定义版交易组件处于内测阶段。

微信小程序自定义版交易组件接入视频号教程

自定义版组件接入的8个步骤

注意：请确保每一个步骤都已经完成，尤其是全量商品的上传，不然会影响小程序的正常经营。

1、申请接入。在微信公众平台登录小程序账号（没有的需要先申请微信小程序），选择自定义版交易组件，并申请开通功能，进入审核流程。商家也可以通过调用申请接入的接口申请开通功能。

申请通过后，需要小程序开发者调用自定义版组件接口，包含：

a. 商品相关接口：商品添加、商品修改、商品上架、商品下架、商品更新等

b. 订单相关接口：生成订单及ticket、订单的状态同步、订单获取等

c. 资质相关接口：品牌资质上传、类目资质上传、商品资质上传等

d. 物流及售后相关接口：物流信息同步、售后单生成、售后情况同步等

e. 事件回调接口：用以接收商品审核，类目审核，品牌审核结果同步等

2、上传商品，申请类目/品牌资质。先调用添加商品接口将全量商品进行上传，每个商品的审核状态将会通知至商家端。（请务必接入商品审核回调接口）

需要注意的是，大商品均需要事先申请类目或品牌资质。

3、同步订单，调试支付校验。

（1）同步订单：调用同步订单接口，注意订单会检查订单中的商品是否存在，以及其状态是否上架中 调用成功后，会拿到一个支付校验的票据ticket，在（2）中使用

（2）支付校验：小程序在开发分支流程 app.json 中添加以下参数设置（该参数只对开发环境生效，代码发布后该参数失效，即正式版小程序是否打开支付校验只与MP标志位相关）。

“usingShopPlugin”: true；

同时，小程序开发者还需要对拉起小程序微信支付收银台接口做一些调整，需要输入（1）中获取到的票据ticket字段信息的传入才能正常调起收银台。

wx.requestPayment({ timeStamp: ”, nonceStr: ”, package: ”, signType: ‘MD5’, paySign: ”, ticket: ”, // 需要新增的 ticket 信息 success (res) { }, fail (res) { } })

（3）订单状态同步。调用同步订单支付结果接口同步支付成功结果。

（4）同步售后信息。开发这需要将产生售后了的订单售后信息进行流转、同步，如若没有产生售后，则不需要。 调用同步售后接口同步售后。

4、在MP/API侧使用交易组件（打开支付校验标志）。

注意第3步（1）中的至少存在一件商品上传及审核成功、（2）和（3）中的至少存在一个订单完成支付是打开支付校验标志的先验条件.

在MP/API侧使用交易组件（打开支付校验标志），可通过以下方式之一：

MP侧：要进入微信公众平台(mp.weixin.qq.com)中，在左侧菜单>交易组件>自定义版交易组件中点击“使用交易组件”按钮，完成完整的自定义版交易组件的接入。

API侧：参考接入申请/变更API传入action_type=1达到使用交易组件作的效果。

5、发布代码，对线上环境生效。完成接口对接及商品上传后，提交代码至微信团队审核，审核通过后即可发布，此时支付校验正式生效。

推荐阅读：

微信小程序标准版交易组件接入视频号教程