返回

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 > 小程序运营 >

小程序标准版交易组件怎么引入及使用?

2021-01-21 作者:--

  小程序标准版交易组件怎么引入及使用?

  【标准版交易组件】如何引入

  版本限制 :基础库版本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不能修改`

推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册