有很多时候,推广业务需要,会在一个小程序之中绑定另外一个小程序,形成小程序内部之间的生态系统,不但可以满足用户更多需求,增强小程序用户粘性,还可以有利于小程序大量引流。
好了话不多说,从小程序A内跳转到小程序B内有一个前提条件:A和B必须被同一个公众号关联,打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)
两种方法跳转对比 :
方法1:wx.navigateToMiniProgram(OBJECT)
navigateToMiniProgram 开发环境的7月20号正式弃用了:
wx.navigateToMiniProgram({ appId: '要打开的AppId', path: 'pages/index/index?id=123456789', extarData: { open: 'happy' }, envVersion: 'release', success(res) { // 打开成功 } })
常见 Bug 表现:使用navigateToMiniProgram打开新的小程序时,原小程序被关闭导致无法使用navigateBackMiniProgram方法
方法2:navigator组件跳转:(代替)
开始:
wxml:
<view class="btn-area"> <navigator target="miniProgram" open-type="navigate" app-id="wxaa0b47080dce0847" path="" extra-data="" version="release" class='nav'>打开绑定的小程序</navigator> </view>
wxss:
.nav { color: #fff; height: 120rpx; line-height: 120rpx; background: green; text-align: center; }
对比之前小程序跳转的旧方法,从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。
但是,跳转的时候会发生这样的情况,navigateToMinProgram接口需要配置声明,否则没有办法跳转。
在微信开发者工具之中是如此,不妨打开二维码,真机测试,成功跳转到另外一个小程序上面。