一、使用 wx.navigateToMiniProgram 方法（适用于关联小店）

1.获取小店 AppID

登录微信小店后台，在「店铺管理」→「基础信息」→「账号信息」中获取小店的 AppID。

2.调用跳转方法

在小程序页面中通过以下代码实现跳转：

javascript
复制
wx.navigateToMiniProgram({
  appId: '小店AppID', // 替换为实际小店 AppID
  path: 'pages/index/index', // 可选，默认跳转首页
  success(res) {
    console.log('跳转成功', res);
  },
  fail(res) {
    console.log('跳转失败', res);
  }

});

注意：需确保小程序已开通跳转权限，且基础库版本支持此方法。

二、通过组件直接嵌入小店页面（适用于展示商品或首页）

1.引入小店组件

在小程序 WXML 中使用官方提供的 <store-home> 组件：

html
复制
<store-home 
  appid="小店AppID" 
  page="index" 
  product-id="商品ID" 
  bind:success="onSuccess"
/>

参数说明：

• appid：小店 AppID。
• page：跳转页面（如 index 为首页，product 为商品页）。
• product-id：需跳转的商品 ID（可选）。

2.配置商品跳转链接

若需跳转特定商品，需在微信小店后台获取商品 ID，并在组件中填入。

三、注意事项

权限与版本

• 确保小程序已开通跳转权限，且基础库版本≥2.15.0。
• 个人主体小程序需通过插件方式整合小店功能。

用户体验优化

• 跳转前需明确引导用户，避免频繁跳转导致体验下降。
• 测试跳转功能是否正常，确保路径和参数正确。

合规性遵守微信平台规则，避免违规操作导致功能受限。

参考指引：https://developers.weixin.qq.com/doc/store/shop/API/basics/component.html

参考官方文档：https://developers.weixin.qq.com/doc/store/shop/API/basics/component.html