小程序标准版交易组件怎么引入及使用?
【标准版交易组件】如何引入
版本限制 :基础库版本2.11.1及以上,否则无法使用客服功能。
需要在项目中引入【标准版交易组件】,编辑项目根目录的 app.json 文件,示例代码如下:
"plugins": {
"mini-shop-plugin": {
"version": "1.1.0", // 必须是标准版交易组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx34345ae5855f892d" // 必须填标准版交易组件appid,不要修改(复制时请去掉注释)
}
}
使用标准版交易组件的功能,需要进行组件初始化。编辑项目根目录的app.js文件,调用组件提供的initApp方法,传入指定参数。实例代码如下:
const miniShopPlugin = requirePlugin('mini-shop-plugin');
App({
onLaunch() {
miniShopPlugin.initApp(this, wx);
},
});
【标准版交易组件】如何使用
按第1步的方法把组件代码包配置引入后,即可直接通过链接地址跳转到标准版交易组件页面(即为店铺内的页面)
示例如何跳转到特定的商品详情页,代码如下:
(1) 使用 navigator 组件跳转进入商品详情页
index.js
const productId = [商品id] // 填写具体的商品Id
index.wxml
// 其中wx34345ae5855f892d是标准版交易组件appid不能修改
(2)使用 navigateTo 方法跳转进入商品详情页
index.js
const productId = [商品id] // 填写具体的商品Id
wx.navigateTo({
url: `plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}`,
});
// 其中wx34345ae5855f892d是标准版交易组件appid不能修改`
全国7x24小时客服热线
所有故障均24小时内解决
项目一次性收费安心
技术人员均从业5年以上
通过技术营销传播企业服务价值
丰富的行业实战经验积累
基于需求研发多款产品
针对需求提供精细化服务