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

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

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

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

两种方法跳转对比 :

方法1:wx.navigateToMiniProgram(OBJECT)navigateToMiniProgram 开发环境的7月20号正式弃用了:

代码语言:javascript代码运行次数:0运行复制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:

代码语言:javascript代码运行次数:0运行复制

打开绑定的小程序

wxss:

代码语言:javascript代码运行次数:0运行复制.nav {

color: #fff;

height: 120rpx;

line-height: 120rpx;

background: green;

text-align: center;

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

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

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

更多关于小程序跳转的接口请阅读声明:新的调整说明: 原文作者:祈澈姑娘

原文链接:https://www.jianshu.com/u/05f416aefbe1创作不易,转载请告知

90后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见

相关推荐

亚马逊有哪些技术创新,亚马逊创新点在哪
365bet提款多久到账

亚马逊有哪些技术创新,亚马逊创新点在哪

📅 07-03 👁️ 1952
北京雾霾的主要原因是什么?
365篮球直播吧App

北京雾霾的主要原因是什么?

📅 07-16 👁️ 2109
《仙境传说RO:新启航》公测FAQ
48365大写

《仙境传说RO:新启航》公测FAQ

📅 07-03 👁️ 2800
疯是什么意思
365bet提款多久到账

疯是什么意思

📅 07-09 👁️ 7567
惠今的利息是多少钱?你真的了解清楚了吗?
米兔智能故事机
48365大写

米兔智能故事机

📅 06-30 👁️ 284
世界杯足迹:场外球迷欢乐多 洪钢变身历史科普员
365bet提款多久到账

世界杯足迹:场外球迷欢乐多 洪钢变身历史科普员

📅 07-01 👁️ 208
口蘑煮多久能熟
48365大写

口蘑煮多久能熟

📅 07-08 👁️ 727
圣徒与雷神——哪一个是龙之谷2中更好的选择?(一场战斗的选择——玩家的取舍与比较)