1.先在你小程序的中配置 navigateToMiniProgramAppIdList
1.1如果是原生小程序就在app.json下配置
{
  "pages": [
    // ... 你的页面路径
  ],
  "window": {
    // ... 窗口配置
  },
  // +++ 以下是必须添加的配置 +++
  "navigateToMiniProgramAppIdList": [
    "wx91d27dbf599dff74" // 京东小程序的固定AppID
  ]
}
1.2如果是uni-app就在manifest.json下配置
{
  "mp-weixin": { // 微信小程序专属配置节点
    "appid": "你的微信小程序AppID",
    "setting": {
      "urlCheck": false
      // ... 其他设置
    },
    // +++ 关键:声明要跳转的小程序白名单 +++
    "permission": {
      "scope.require": {
        "小程序AppID列表": ["wx91d27dbf599dff74"] // 填入京东AppID
      }
    }
    // 注意:部分uni-app模板可能使用 "navigateToMiniProgramAppIdList": ["wx91d27dbf599dff74"]
  },
  // ... 其他平台配置
}
在你要点击的事件
<!-- 在 template 部分 -->
<template>
  <view>
    <button @click="jumpToJdProduct">一键跳转至京东商品</button>
  </view>
</template>
// 在 script 部分
export default {
  methods: {
    jumpToJdProduct() {
      const targetAppId = 'wx91d27dbf599dff74'; // 京东小程序AppID
      const skuId = '1234567890'; // 请替换为你的实际商品SKU ID
      const path = `/pages/item/detail/detail?sku=${skuId}`;

      uni.navigateToMiniProgram({
        appId: targetAppId,
        path: path,
        success(res) {
          console.log('跳转成功', res);
          uni.showToast({ title: '跳转成功' });
        },
        fail(err) {
          console.error('跳转失败', err);
          uni.showToast({
            title: '跳转失败,请稍后重试',
            icon: 'none'
          });
          // 可以在这里添加降级方案,例如引导用户复制商品ID去搜索
        }
      });
    }
  }
}

Logo

电商企业物流数字化转型必备!快递鸟 API 接口,72 小时快速完成物流系统集成。全流程实战1V1指导,营造开放的API技术生态圈。

更多推荐