注冊登錄

小程序標(biāo)準(zhǔn)版交易組件怎么引入及使用?

2021-01-21
導(dǎo)讀:小程序標(biāo)準(zhǔn)版交易組件怎么引入及使用? 【標(biāo)準(zhǔn)版交易組件】如何引入 版本限制 :基礎(chǔ)庫版本2.11.1及以上,否則無法使用客服功能。 需要在項目中引入【標(biāo)準(zhǔn)版交易組件】,編輯項目...

  小程序標(biāo)準(zhǔn)版交易組件怎么引入及使用?

  【標(biāo)準(zhǔn)版交易組件】如何引入

  版本限制 :基礎(chǔ)庫版本2.11.1及以上,否則無法使用客服功能。

  需要在項目中引入【標(biāo)準(zhǔn)版交易組件】,編輯項目根目錄的 app.json 文件,示例代碼如下:

  "plugins": {

  "mini-shop-plugin": {

  "version": "1.1.0", // 必須是標(biāo)準(zhǔn)版交易組件最新版本號,微信開發(fā)者工具調(diào)試時可獲取最新版本號(復(fù)制時請去掉注釋)

  "provider": "wx34345ae5855f892d" // 必須填標(biāo)準(zhǔn)版交易組件appid,不要修改(復(fù)制時請去掉注釋)

  }

  }

  使用標(biāo)準(zhǔn)版交易組件的功能,需要進(jìn)行組件初始化。編輯項目根目錄的app.js文件,調(diào)用組件提供的initApp方法,傳入指定參數(shù)。實例代碼如下:

  const miniShopPlugin = requirePlugin('mini-shop-plugin');

  App({

  onLaunch() {

  miniShopPlugin.initApp(this, wx);

  },

  });

  【標(biāo)準(zhǔn)版交易組件】如何使用

  按第1步的方法把組件代碼包配置引入后,即可直接通過鏈接地址跳轉(zhuǎn)到標(biāo)準(zhǔn)版交易組件頁面(即為店鋪內(nèi)的頁面)

  示例如何跳轉(zhuǎn)到特定的商品詳情頁,代碼如下:

  (1) 使用 navigator 組件跳轉(zhuǎn)進(jìn)入商品詳情頁

  index.js

  const productId = [商品id] // 填寫具體的商品Id

  index.wxml

  // 其中wx34345ae5855f892d是標(biāo)準(zhǔn)版交易組件appid不能修改

  (2)使用 navigateTo 方法跳轉(zhuǎn)進(jìn)入商品詳情頁

  index.js

  const productId = [商品id] // 填寫具體的商品Id

  wx.navigateTo({

  url: `plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}`,

  });

  // 其中wx34345ae5855f892d是標(biāo)準(zhǔn)版交易組件appid不能修改`

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個小商店

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

第四部分:開店任務(wù)常見問題

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

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

第七部分:小程序直播

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

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)

電話咨詢 微信咨詢 預(yù)約演示 0元開店