小程序中点击按钮跳转另外一个小程序

有很多时候,推广业务需要,会在一个小程序之中绑定另外一个小程序,形成小程序内部之间的生态系统,不但可以满足用户更多需求,增强小程序用户粘性,还可以有利于小程序大量引流。

好了话不多说,从小程序A内跳转到小程序B内有一个前提条件:A和B必须被同一个公众号关联,打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)

两种方法跳转对比 :

方法1:wx.navigateToMiniProgram(OBJECT)

navigateToMiniProgram 开发环境的7月20号正式弃用了:

文档:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

wx.navigateToMiniProgram({
  appId: '要打开的AppId',
  path: 'pages/index/index?id=123456789',
  extarData: {
    open: 'happy'
  },
  envVersion: 'release',
  success(res) {
    // 打开成功
  }
})

常见 Bug 表现:使用navigateToMiniProgram打开新的小程序时,原小程序被关闭导致无法使用navigateBackMiniProgram方法

方法2:navigator组件跳转:(代替)

文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

开始:
wxml:

 
  打开绑定的小程序
 

wxss:

.nav {
  color: #fff;
  height: 120rpx;
  line-height: 120rpx;
  background: green;
  text-align: center;
}

对比之前小程序跳转的旧方法,从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。

但是,跳转的时候会发生这样的情况,navigateToMinProgram接口需要配置声明,否则没有办法跳转。

在微信开发者工具之中是如此,不妨打开二维码,真机测试,成功跳转到另外一个小程序上面。

  • 更多关于小程序跳转的接口请阅读声明:新的调整说明:

原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1创作不易,转载请告知
90后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

你可能感兴趣的:(小程序中点击按钮跳转另外一个小程序)