微信小程序标准版交易组件接入视频号教程

微信小程序接入视频号能力可以通过标准版交易组件和自定义版交易组件来实现。其中标准版交易组件是微信官方开发的组件,小程序制作开发人员可以在自己的小程序中调用标准交易组件,使自己的小程序拥有商品购买及订单展示的功能。同时标准版交易组件的管理后台具备基础的经营能力,如商品、订单、物流、店铺等的管理,开发者接入组件后便可直接使用。

微信小程序标准版交易组件接入视频号教程

微信小程序标准版交易组件接入视频号教程

1、符合标准版交易组件类目准入要求的小程序(没有小程序需先申请微信小程序)可以登录微信公众平台官网,在左侧菜单栏选择标准版交易组件,点击开通功能;

开通标准版交易组件

2、审核通过后,在微信公众平台左边菜单栏点击标准版交易组件,选择去管理,进入到小商店后台;

去管理标准版交易组件

3、跳转到小商店开店任务页面后,填写相关资料及上传相关证件提交审核,完成开店任务;

微信小商店开通

4、需要在项目中引入【标准版交易组件】,编辑项目根目录的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);
},
});

5、标准版交易组件代码包配置引入后,即可直接通过链接地址跳转到标准版交易组件页面(即为店铺内的页面)。

示例如何跳转到特定的商品详情页,代码如下:

(1) 使用 navigator 组件跳转进入商品详情页

index.js

const productId = [商品id] // 填写具体的商品Id
index.wxml

<navigator url=”plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId={{productId}}”></navigator>

// 其中wx34345ae5855f892d是标准版交易组件appid不能修改

(2)使用 navigateTo 方法跳转进入商品详情页

index.js

const productId = [商品id] // 填写具体的商品Id

wx.navigateTo({

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

});

// 其中wx34345ae5855f892d是标准版交易组件appid不能修改`

示例效果如下:

标准版交易组件能力效果

6、完成开发后,提交代码至微信团队审核,审核通过后即可发布。


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序

为您推荐