最新公告
  • 如遇下载失效问题,请联系在线客服,客服24小内为您解决!立即加入我们
  • 微信小程序开发如何打开另一个小程序

    微信小程序打开另一个小程序,有两种方法:1.超链接;2.点击按钮。

    全局配置:

    跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下:

    App.json
    {
     ...
     "navigateToMiniProgramAppIdList": [
      "wxe5f52902cf4de123"
     ]
    }
    

    否则会弹出以下错误提示:

    navigateToMiniProgram接口需要配置声明,否则将无法跳转

    1. 超链接实现跳转到其他小程序:
      //demo.wxml
      <navigator
       target="miniProgram"
       open-type="navigate"
       app-id="wxdbcxxxxxxxx985f"
       path="pages/index/index?goods_id=201"
       extra-data="{{extraData}}"
       version="develop"
       bindsuccess="toMiniProgramSuccess">点击超链接打开绑定的小程序</navigator>
      
      //demo.js
      data:{
        extraData: {
          from: 'XX小程序菜单nav'
        }
      }
      ... 
      toMiniProgramSuccess(res){
        //从其他小程序返回的时候触发
        wx.showToast({
         title: '通过超链接跳转其他小程序成功返回了'
        })
      }
      

      相关参数:

      属性名 类型 默认值 说明
      target String self 设置为miniProgram,则跳转都其他小程序
      app-id String 要打开的小程序 appId
      path String 打开的页面路径,如果为空则打开首页,可带参数
      extra-data Object 需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。详情
      version version release 要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是正式版,则打开的小程序必定是正式版。
      bindsuccess String 跳转小程序成功
      bindfail String 跳转小程序失败
      bindcomplete String 跳转小程序完成

      备注:
      A.extra-data必须为Object类型,可以在data中定义,然后模板中引用;
      B.version可以为空,以小程序当前环境为准。如果设置有值,则只在当前小程序为非正式版时有效。如果设置为develop,那么最好先用微信预览最新编译过的需要跳转到的小程序,然后再扫码预览原来的小程序。不然的话跳转到的小程序可能不是最新版;
      C.bindsuccess回调事件在跳转到小程序返回之后触发,wx.navigateToMiniProgram Api则是在跳转同时触发。

    2. 按钮单击事件实现:
      //demo.wxml
      <button bindtap='navigateToMiniProgram'>点击按钮打开其他小程序</button>
      
      //demo.js
      navigateToMiniProgram(){
        wx.navigateToMiniProgram({
         appId: 'wxdbcxxxxx123f',
         path: 'pages/index/index?goods_id=201',
         extraData: {
          from: 'xxxxx'
         },
         envVersion: 'develop',
         success(res) {
          // 打开其他小程序成功同步触发
          wx.showToast({
           title: '跳转成功'
          })
         }
        })
       }
      

      相关参数:

      属性 类型 默认值 是否必填 说明
      appId string 要打开的小程序 appId
      path string 打开的页面路径,如果为空则打开首页
      extraData object 需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据。
      envVersion string release 要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。
      success function 接口调用成功的回调函数
      fail function 接口调用失败的回调函数
      complete function 接口调用结束的回调函数(调用成功、失败都会执行)

    注意事项
    1.navigateToMiniProgram Api需要用户主动触发跳转,且在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消,则回调fail cancel;
    2.每个小程序可跳转的其他小程序数量限制为不超过 10 个;
    3.在开发者工具上调用此 API 并不会真实的跳转到另外的小程序,但是开发者工具会校验本次调用跳转是否成功。
    4. 开发者工具上支持被跳转的小程序处理接收参数的调试。

    免责需知
    1、本站所有资源均来源于网络收集,一切版权©归原作者所有,请保留原版权信息。
    2、本站分享仅供参考学习和演示,禁止商用,如需商用,请从正规渠道选择购买正版!使用正版!支持正版!维护一个良好的知识产权环境。
    3、内容故是参考与学习,不确保能正常演示,也不包含其中的技术服务。
    4、排除在某个功能上存在有其它的BUG或源码残缺的可能,购买后一率不能退款。
    5、资源下载不含技术服务,需付费安装请联系客服100元/次。
    6、文件储存在网盘,如发现链接或者密码有误,请联系客服。
    7、如果付款后下载不了,请提交工单说明,客服会在24小时内解决,如果解决不了,会为您退款。
    8、侵权反馈邮箱:yutongyuncom@qq.com
    顺风猫 » 微信小程序开发如何打开另一个小程序

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    顺风猫
    一个高级程序员模板开发平台