小程序標準版交易組件怎么引入及使用?
小程序標準版交易組件怎么引入及使用?
【標準版交易組件】如何引入
版本限制 :基礎庫版本2.11.1及以上,否則無法使用客服功能。
需要在項目中引入【標準版交易組件】,編輯項目根目錄的 app.json 文件,示例代碼如下:
"plugins": {
"mini-shop-plugin": {
"version": "1.1.0", // 必須是標準版交易組件最新版本號,微信開發(fā)者工具調(diào)試時可獲取最新版本號(復制時請去掉注釋)
"provider": "wx34345ae5855f892d" // 必須填標準版交易組件appid,不要修改(復制時請去掉注釋)
}
}
使用標準版交易組件的功能,需要進行組件初始化。編輯項目根目錄的app.js文件,調(diào)用組件提供的initApp方法,傳入指定參數(shù)。實例代碼如下:
const miniShopPlugin = requirePlugin('mini-shop-plugin');
App({
onLaunch() {
miniShopPlugin.initApp(this, wx);
},
});
【標準版交易組件】如何使用
按第1步的方法把組件代碼包配置引入后,即可直接通過鏈接地址跳轉(zhuǎn)到標準版交易組件頁面(即為店鋪內(nèi)的頁面)
示例如何跳轉(zhuǎn)到特定的商品詳情頁,代碼如下:
(1) 使用 navigator 組件跳轉(zhuǎn)進入商品詳情頁
index.js
const productId = [商品id] // 填寫具體的商品Id
index.wxml
// 其中wx34345ae5855f892d是標準版交易組件appid不能修改
(2)使用 navigateTo 方法跳轉(zhuǎn)進入商品詳情頁
index.js
const productId = [商品id] // 填寫具體的商品Id
wx.navigateTo({
url: `plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}`,
});
// 其中wx34345ae5855f892d是標準版交易組件appid不能修改`
第二部分:如何開通一個小商店