注册登录

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

2021-01-21
导读:小程序标准版交易组件怎么引入及使用? 【标准版交易组件】如何引入 版本限制 :基础库版本2.11.1及以上,否则无法使用客服功能。 需要在项目中引入【标准版交易组件】,编辑项目...

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

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

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

重磅推荐:小程序开店目录

第一部分:小商店是什么

第二部分:如何开通一个小商店

第三部分:如何登录小商店

第四部分:开店任务常见问题

第五部分:小商店可以卖什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收货/物流

第九部分:小程序怎么结算

第十部分:小程序客服

第十一部分:电商创业

第十二部分:小程序游戏开发

电话咨询 微信咨询 预约演示 0元开店