逐福科技
177-371-24501(同微信)

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

2022-04-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不能修改`

上一篇:怎么申请小程序标准版交易组件搭建小商店?
下一篇:标准版交易组件productDetail功能说明及使用
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
郑州快速建站:网站的站内优化怎么做
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

177-371-24501(同微信)

豫ICP备17049932号

Copyright © 2017-2022 版权所有 追风建站 Rights Reserved 技术支持:酷微科技

电话咨询 在线咨询 服务项目 SEO优化