微信小程序接入視頻號(hào)能力有標(biāo)準(zhǔn)版交易組件和自定義版交易組件兩種方式接入，其中自定義版交易開放組件完全使用小程序原有的界面和功能以及交易鏈路。自定義版交易組件的接入方式主要分為小程序開發(fā)者自行接入和從服務(wù)商渠道接入兩類，下面為大家?guī)?lái)如何自行接入自定義版交易組件的操作教程。

微信小程序自定義版交易組件接入視頻號(hào)教程

完整流程圖：

　　自定義版組件接入的17個(gè)步驟

注意：請(qǐng)確保每一個(gè)步驟都已經(jīng)完成，尤其是全量商品的上傳，不然會(huì)影響小程序的正常經(jīng)營(yíng)。

1、申請(qǐng)接入

在微信公眾平臺(tái)登錄小程序賬號(hào)（沒(méi)有的需要先申請(qǐng)微信小程序），選擇自定義版交易組件，并申請(qǐng)開通功能，進(jìn)入審核流程。商家也可以通過(guò)調(diào)用申請(qǐng)接入的接口申請(qǐng)開通功能。

申請(qǐng)通過(guò)后，需要小程序開發(fā)者調(diào)用自定義版組件接口，包含：

a.商品相關(guān)接口：商品添加、商品修改、商品上架、商品下架、商品更新等

b.訂單相關(guān)接口：生成訂單、獲取支付參數(shù)、訂單的狀態(tài)同步、訂單獲取等

c.資金相關(guān)接口：管理資金、查看詳情、發(fā)起提現(xiàn)、修改賬戶等

d.資質(zhì)相關(guān)接口：品牌資質(zhì)上傳、類目資質(zhì)上傳、商品資質(zhì)上傳等

e.物流及售后相關(guān)接口：物流信息同步、售后單生成、售后情況同步等

f.事件回調(diào)接口：用以接收商品審核，類目審核，品牌審核結(jié)果同步等

注意：以上所有接口都需要接入并聯(lián)調(diào)，避免影響正常運(yùn)營(yíng)。

2、完成接口調(diào)用

2.1商家代碼開發(fā)

由商家自行使用開發(fā)工具進(jìn)行開發(fā)，或前往服務(wù)市場(chǎng)購(gòu)買服務(wù)商代開發(fā)服務(wù)（有服務(wù)商負(fù)責(zé)開發(fā)的小程序直接接入服務(wù)商接口即可）。

注意：需要接入視頻號(hào)場(chǎng)景進(jìn)行帶貨的商家，可以同時(shí)進(jìn)行商戶號(hào)申請(qǐng)，否則將無(wú)法正常在視頻號(hào)中經(jīng)營(yíng)。

2.2申請(qǐng)類目/品牌資質(zhì)，上傳商品，完成商品接口調(diào)用

接口調(diào)通后，就可以上傳并審核商品，審核狀態(tài)將會(huì)通知至商家端。

添加商品流程為：

（1）獲取類目詳情，與自己的商品類目相匹配

（2）查看類目是否需要行業(yè)資質(zhì)，如果需要，上傳相關(guān)資質(zhì)

（3）上傳相關(guān)類目資質(zhì)獲得類目的使用權(quán)限

（4）如果商品有品牌，上傳品牌信息獲得品牌的使用權(quán)限

（5）調(diào)用添加商品接口，將商品上傳

注意：商品均需要事先申請(qǐng)類目或品牌資質(zhì)

商品步驟完成后，點(diǎn)擊完成，狀態(tài)會(huì)進(jìn)行改變，商家將會(huì)見到下面的界面：

2.3調(diào)試支付校驗(yàn)，完成訂單接口調(diào)用

由開發(fā)同學(xué)參照訂單相關(guān)接口及訂單相關(guān)開發(fā)指引調(diào)用接口，成功調(diào)用，點(diǎn)擊訂單接口完成按鈕，接入流程狀態(tài)則會(huì)變成已完成，否則將會(huì)提醒失敗。

支付流程為：

（1）按照開發(fā)指引修改基礎(chǔ)庫(kù)配置

（2）在小程序中調(diào)用生成訂單接口生成一筆訂單

（3）完成訂單的支付（視頻號(hào)場(chǎng)景需要調(diào)用生成支付參數(shù)后完成收銀臺(tái)的拉起，其他場(chǎng)景按照已有業(yè)務(wù)邏輯進(jìn)行支付）

（4）調(diào)用同步訂單支付結(jié)果接口同步訂單的支付結(jié)果

注意：這里兩個(gè)接口都需要調(diào)用，以同步訂單結(jié)果為最后確認(rèn)步驟，視頻號(hào)場(chǎng)景則以支付成功作為最終確認(rèn)步驟。

　　注意：基礎(chǔ)庫(kù)拉起收銀臺(tái)接口改造后需要發(fā)版才可以生效

　　注意：完成接口調(diào)用后，點(diǎn)擊完成，切換狀態(tài)

2.4調(diào)試發(fā)貨接口，完成物流相關(guān)接口調(diào)用

由開發(fā)者參照物流相關(guān)接口調(diào)用訂單發(fā)貨接口，成功調(diào)用，點(diǎn)擊物流接口完成按鈕，接入流程狀態(tài)則會(huì)變成已完成，否則將會(huì)提醒失敗。

注意：需要先調(diào)用獲取快遞公司列表接口將正確的快遞公司填入發(fā)貨接口的參數(shù)中。

2.5調(diào)試售后接口，完成售后接口調(diào)用

開發(fā)同學(xué)需要調(diào)用售后接口將產(chǎn)生售后了的訂單售后信息進(jìn)行流轉(zhuǎn)、同步。完成調(diào)用后，點(diǎn)擊售后接口完成按鈕，接入流程狀態(tài)則會(huì)變成已完成，否則將會(huì)提醒失敗。

調(diào)用同步售后接口同步售后

2.6需確認(rèn)小程序已經(jīng)經(jīng)過(guò)了測(cè)試和聯(lián)調(diào)

完成接口對(duì)接后，需開發(fā)者對(duì)小程序的各接口進(jìn)行測(cè)試和聯(lián)調(diào)。這時(shí)候不需要調(diào)用任何接口。確認(rèn)后，點(diǎn)擊完成按鈕，接入流程狀態(tài)則會(huì)變成已完成。

2.7接口調(diào)試完畢，需確認(rèn)小程序已發(fā)布

完成接口對(duì)接及商品上傳后，提交代碼至微信團(tuán)隊(duì)審核，審核通過(guò)后即可發(fā)布，此時(shí)支付校驗(yàn)正式生效，這時(shí)候不需要調(diào)用任何接口，下圖為提示，如果依然不可用，請(qǐng)查看發(fā)布版本的時(shí)間，若發(fā)版版本是在接入之前則需要在完成接入后再次將改造了的代碼進(jìn)行發(fā)布：

至此，自定義版交易組件已經(jīng)完成了接入，接入之后，就有資格申請(qǐng)并使用微信官方打通的各個(gè)場(chǎng)景，比如視頻號(hào)直播帶貨，在這些場(chǎng)景中，需要按照上面流程中的要求傳入商品、生成訂單、同步訂單、同步售后、同步物流等，否則將視為違規(guī)，會(huì)收到相應(yīng)的違規(guī)懲罰，嚴(yán)重者將無(wú)法使用各類售賣場(chǎng)景。

注意：接入完自定義版交易組件后需要提前將商品完成上傳和審核，否則將會(huì)耽擱直播計(jì)劃，因?yàn)樯唐凡牧系臏?zhǔn)備及商品的審核需要占用1-10個(gè)工作日不等。

推薦閱讀：微信小程序標(biāo)準(zhǔn)版交易組件接入視頻號(hào)教程