小程序打开微信小店-点击安装模板用于配置在小程序中展示的微信小店店铺和商品 模板简介模板只包含数据模型，用于配置在小程序中展示的微信小店店铺和商品，需配合小程序打开微信小店全码模板使用。 功能说明展示微信小店首页和商品列表点击小店跳转到微信小店 小店跳转指引点击商品跳转到商品详情页面 商品跳转指引社区欢迎添加企微群沟通交流： [图片]快速上手第 1 步：安装云模板点击 安装 按钮，等待安装完成第 2 步：在内容管理中配置数据在内容管理中找到微信小店首页配置和微信小店商品配置数据模型，配置完成后，可在小程序中使用 sdk 调用接口来获取数据。示例如下 注：微信小店ID和商品ID需要填写真实的ID，否则无法展示数据[图片] 数据模型字段说明： 微信小店首页配置 字段名类型必填说明appidstring是小店appid微信小店商品配置 字段名类型必填说明appidstring是小店appidproduct_idstring是商品idproduct_promotion_linkstring否带货商品跟佣信息第 3 步：使用小程序源码模板快速开发云开发提供了从小程序跳转微信小店的小程序源码模板，帮助开发者快速开发小程序。可使用如下方式引入 下载源码，在微信开发者工具导入项目源码 源码目录位于 cloudbase-examples/miniprogram/tcb-demo-mpToWxStore ,在微信开发者工具中导入此目录即可。[图片] [图片] 使用微信开发者工具创建项目时，选择小程序打开微信小店模板快速创建项目[图片] 前往云后台获取env变量 [图片] 在app.js中配置env变量 [图片] 完成以上步骤后，模板会展示小店和商品，点击小店跳转到微信小店，点击商品跳转到商品详情页面。 [图片] 常见问题由于微信小程序的限制，小店和商品展示组件无法自定义UI，不能被其他元素遮挡，不能全透明和隐藏。模拟数据UI和真实数据UI不一致，请以微信提供的组件为准。