小程序打开微信小店-点击安装模板

用于配置在小程序中展示的微信小店店铺和商品。

模板简介

模板只包含数据模型，用于配置在小程序中展示的微信小店店铺和商品，需配合小程序打开微信小店全码模板使用。

功能说明

• 展示微信小店首页和商品列表
• 点击小店跳转到微信小店 小店跳转指引
• 点击商品跳转到商品详情页面 商品跳转指引

社区

欢迎添加企微群沟通交流：

快速上手

第 1 步：安装云模板

点击

安装

按钮，等待安装完成第 2 步：在内容管理中配置数据

在内容管理中找到微信小店首页配置和微信小店商品配置数据模型，配置完成后，可在小程序中使用 sdk 调用接口来获取数据。示例如下

注：微信小店ID和商品ID需要填写真实的ID，否则无法展示数据

数据模型字段说明：

微信小店首页配置

字段名类型必填说明appidstring是小店appid微信小店商品配置

字段名类型必填说明appidstring是小店appidproduct_idstring是商品idproduct_promotion_linkstring否带货商品跟佣信息第 3 步：使用小程序源码模板快速开发

云开发提供了从小程序跳转微信小店的小程序源码模板，帮助开发者快速开发小程序。可使用如下方式引入

下载源码，在微信开发者工具导入项目源码 源码目录位于
cloudbase-examples/miniprogram/tcb-demo-mpToWxStore

1. ,在微信开发者工具中导入此目录即可。

1. 使用微信开发者工具创建项目时，选择小程序打开微信小店模板快速创建项目

前往云后台获取env变量

在app.js中配置env变量

完成以上步骤后，模板会展示小店和商品，点击小店跳转到微信小店，点击商品跳转到商品详情页面。

常见问题

• 由于微信小程序的限制，小店和商品展示组件无法自定义UI，不能被其他元素遮挡，不能全透明和隐藏。
• 模拟数据UI和真实数据UI不一致，请以微信提供的组件为准。