一、 现有能力

1. 小程序中展示小店商品

功能描述：小程序内嵌微信小店商品，展示小店商品，并进行跳转交易；

支持小店优选联盟带货跟佣功能，小程序可嵌入带货者橱窗商品或者优选联盟带货机构商品。

开发能力参考：《store-product | 微信开放文档》

1.1 整体规则

不限制小程序和小店的关系，均可以进行跳转。

1.2 默认商品展示

元素不可改变，但是可以修改背景颜色，文字颜色，卡片大小，按钮颜色和大小等

1.3 自定义商品展示

除组件底部需要有小店标记外，其余部分可自定义 自定义样式示例代码字段： 卡片样式：card: {'background-color': '#FAFAFA' } 标题样式：title: {color: 'rgba(0, 0, 0, 0.8)',} 价格样式： price: {color: '#FF6146'} 详情可查看《store-product | 微信开放文档》中自定义样式(custom-style)字段；

1.4 支持嵌入的商品卡，直接跳转送礼页

上图商品卡自定义部分，支持使用自定义插槽，可自行控制卡片内容，设置打开的页面，参考以下方式，可以设置点击直接跳转到送礼页（需要进入商品详情后，再次点击底部送礼按钮）。

参考示例代码：

<store-product appid="×××" product-id="×××" custom-content="{{true}}"

open-page="gift-product-detail">

        <view>自定义内容：点击跳转到【送礼商品详情页】</view>

</store-product>

1.5 半屏拉起下单页

支持小程序内半屏拉起下单页面。 点击组件购买按钮，默认拉起半屏下单页面；点击组件其他位置，半屏拉起商品详情。

1.6 优选联盟带货

小程序可嵌入带货者橱窗商品或者优选联盟带货机构商品。

（1）优选联盟带货机构可通过该接口查询橱窗上团长商品详情：《获取合作商品详情 | 微信开放文档》；

（2）带货者橱窗商品可通过该接口获取推客商品的商品详情：《获取合作商品详情 | 微信开放文档》；

通过接口中“product_promotion_link”参数在小程序跳转小店场景添加商品时传递跟佣信息。

2. 小程序中展示小店首页

功能描述：小程序内嵌微信小店首页，展示小店首页，并进行跳转交易。

开发能力参考：《store-home | 微信开放文档》

整体规则：不限制小程序和小店的关系，均可以进行跳转

3. 小程序中展示小店订单详情

功能描述：打开微信小店订单详情页

开发能力参考：《打开小店订单详情》

整体规则：不限制小程序和小店的关系，均可以进行跳转，但是跳转时会有校验

（1）校验订单是否来自该小程序

（2）校验订单是否属于该点击跳转的用户

（3）校验订单是否属于目标小店

4. 定制信息传递

支持小程序定制，上传定制文件后，小店获取文件内容，然后下载并履约

（1）用户前往小程序，对商品进行定制，定制后，调用上传资料接口，获取定制文件media_id；

（2）小程序调用小店商品卡，并且在用户下单的时候，将media_id塞入商品卡参数中《store-product | 微信开放文档》；

（3）小店商家获得订单，并且通过《获取文件下载链接 | 微信开放文档》将订单中的media_id文件下载下来；

（4）小店完成商品的定制和履约。

5. 数据互通能力

订单数据互通：依赖小店合作账号的订单数据打通

（1）前提：小店在PC后台 > 店铺管理 > 账号管理 > 合作账号中邀请对应小程序成为合作账号。

（2）规则：一个小程序可以绑定无数个小店的合作账号，一个小店可以绑定100个小程序账号。

（3）小程序调用API接口获取带给合作小店的订单《获取合作店铺订单》

（4）小程序还可以使用小店列表、商品列表等接口对合作小店进行管理。

二、开发操作流程

（1）获取小店APPID，可以通过小店商家获取（小店后台 - 店铺管理 - 基础信息 - 账号信息 - 微信小店ID）；

（2）获取小店商品id，可以通过小店商家获取 《获取商品 | 微信开放文档》；

（3）若需要商品售卖时使用小店优选联盟带货跟佣功能，还需要获取带货商品跟佣信息 《获取橱窗商品详情 | 微信开放文档》；

（4）在小程序中引入小店首页或小店商品卡片/链接，实现跳转能力。

a. 小程序跳转小店首页 《store-home | 微信开放文档》

b. 小程序跳转小店商品 《store-product | 微信开放文档》

（5）通过open平台，连接小程序和小店的用户id

功能描述：若想把订单等接口里的买家openid/unionid和自己小程序/小店/公众号的openid/unionid打通，可以通过open平台绑定后完成。

将：公众号、小程序、小店联盟带货机构的appid都绑定到开放平台后台即可。 地址：微信开放平台 注意：小店联盟带货机构需要和开放平台主体相同。

小程序连接小店开发详情请查看：《小程序跳转小店指引 | 微信开放文档》

深圳市腾讯计算机系统有限公司