微信小程序接入視頻號(hào)能力可以通過(guò)標(biāo)準(zhǔn)版交易組件和自定義版交易組件來(lái)實(shí)現(xiàn)。其中標(biāo)準(zhǔn)版交易組件是微信官方開發(fā)的組件，小程序制作開發(fā)人員可以在自己的小程序中調(diào)用標(biāo)準(zhǔn)交易組件，使自己的小程序擁有商品購(gòu)買及訂單展示的功能。同時(shí)標(biāo)準(zhǔn)版交易組件的管理后臺(tái)具備基礎(chǔ)的經(jīng)營(yíng)能力，如商品、訂單、物流、店鋪等的管理，開發(fā)者接入組件后便可直接使用。
微信小程序標(biāo)準(zhǔn)版交易組件接入視頻號(hào)教程
1、符合標(biāo)準(zhǔn)版交易組件類目準(zhǔn)入要求的小程序（沒有小程序需先申請(qǐng)微信小程序）可以登錄微信公眾平臺(tái)官網(wǎng)，在左側(cè)菜單欄選擇標(biāo)準(zhǔn)版交易組件，點(diǎn)擊開通功能；
2、審核通過(guò)后，在微信公眾平臺(tái)左邊菜單欄點(diǎn)擊標(biāo)準(zhǔn)版交易組件，選擇去管理，進(jìn)入到小商店后臺(tái)；
3、跳轉(zhuǎn)到小商店開店任務(wù)頁(yè)面后，填寫相關(guān)資料及上傳相關(guān)證件提交審核，完成開店任務(wù)；
4、需要在項(xiàng)目中引入【標(biāo)準(zhǔn)版交易組件】，編輯項(xiàng)目根目錄的app.json文件，示例代碼如下：
“plugins”: {
“mini-shop-plugin”: {
“version”: “1.1.0”, // 必須是標(biāo)準(zhǔn)版交易組件最新版本號(hào)，微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)（復(fù)制時(shí)請(qǐng)去掉注釋）
“provider”: “wx34345ae5855f892d” // 必須填標(biāo)準(zhǔn)版交易組件appid，不要修改（復(fù)制時(shí)請(qǐng)去掉注釋）
}
}
使用標(biāo)準(zhǔn)版交易組件的功能，需要進(jìn)行組件初始化。編輯項(xiàng)目根目錄的app.js文件，調(diào)用組件提供的initApp方法，傳入指定參數(shù)。實(shí)例代碼如下：
const miniShopPlugin = requirePlugin(‘mini-shop-plugin’);
App({
onLaunch() {
miniShopPlugin.initApp(this, wx);
},
});
5、標(biāo)準(zhǔn)版交易組件代碼包配置引入后，即可直接通過(guò)鏈接地址跳轉(zhuǎn)到標(biāo)準(zhǔn)版交易組件頁(yè)面（即為店鋪內(nèi)的頁(yè)面）。
示例如何跳轉(zhuǎn)到特定的商品詳情頁(yè)，代碼如下：
（1） 使用 navigator 組件跳轉(zhuǎn)進(jìn)入商品詳情頁(yè)
index.js
const productId = [商品id] // 填寫具體的商品Id
index.wxml
<navigator url=”plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId={{productId}}”></navigator>
// 其中wx34345ae5855f892d是標(biāo)準(zhǔn)版交易組件appid不能修改
（2）使用 navigateTo 方法跳轉(zhuǎn)進(jìn)入商品詳情頁(yè)
index.js
const productId = [商品id] // 填寫具體的商品Id
wx.navigateTo({
url: `plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}`,
});
// 其中wx34345ae5855f892d是標(biāo)準(zhǔn)版交易組件appid不能修改`
示例效果如下：
6、完成開發(fā)后，提交代碼至微信團(tuán)隊(duì)審核，審核通過(guò)后即可發(fā)布。
