小程序如何跳转小程序

小程序可以跳转小程序，之前需要两个小程序关联在一个公众号下面，门槛不可谓不高，特别是针对独立开发者来说，现在微信取消了这个规定，无疑难度就降低了很多，本文介绍如何小程序跳转小程序

首先，要搞到目标小程序的appid，以及跳转页面的路径，这个是必须的，自己的小程序自不必说，如果是他人的就需要询问下对方这两个内容了。

在跳转的页面js中加入如下代码，appid:跳转方的appid；path:目标页面，extarData:需要传递的参数，还可以设置成功执行后的逻辑，和失败后的逻辑

上面是简单的写法，更赞的是还能如果是体验版本或者开发版本，还能选择要打开的版本，

为了保证用户体验，腾讯禁止在用户没有相关 *** 作的情况下直接跳转其它小程序，就需要用户主动的去跳转，增加一个按钮点击后跳转就可以了

需要注意的是，能跳转的前提还需要再appjson中加入需要跳转的appid，最多10个。

wxnavigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  ：wxnavigateToMiniProgram 

他的参数们

参数名        是否必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面，为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  （基本没啥用）

success       否                 function     成功回调

fail               否                 function     失败回调

complete     否                 function     结束回调

在起步小程序中的appjson中需要配置跳转小程序的appid

目标小程序 可以在appjs中接收起步小程序带过来的参数，官方文档给的是apponLaunch和apponshow都能接到参数，但是我的onLaunch不能打印出来，可能我的小程序是个傻的小程序。（ 注意千万是在appjs中，而不是目标页面的js文件 ，我就吃了这个亏）

小A序(表演跳转)

小B序(表演接收参数)

关于调试，开发者工具是不能跳转的，不过我们可以真机调试，两个小程序都开始真机调试，在小程序右上角的三个小点点有个打开调试，就能看到log出来的参数了，根据自己习惯吧，展示在页面上也是个好办法。

音乐小程序开发播放音乐无法跳转原因如下。

1、忘记在appjson文件中pages选项中注册。

2、跳转路径写错。

3、跳转方法需要用wxswitchTab方法来跳转。

自小程序的第一个版本上线快一个月了，从微信搜索使用一直没什么问题，所以以为挺稳定了，没想到昨晚我们的运营在推文中加上了小程序的链接，想从推文直接跳转至小程序首页的时候，却发现跳过去了之后页面加载异常了，表现为一片空白，死活都加载不出来数据。

由于推文中配的小程序链接只能跳转线上的小程序，并不能配置体验版本的小程序，所以只能靠推理解决这个bug。

接下来我开始了修复之旅

首先我看了一下相关的函数，写得很简单

从入口函数来看，分了三种情况：

1：从城市列表跳转过来的时候会携带一些参数，例如城市id等。这种情况会先进入initData() 函数进行一些初始化。

2：如果页面有缓存数据，也会先进入initData() 函数。

3：如果是从微信直接进入小程序，并且没有过缓存，我把这种情况当作最初始的一种情况，这时候就正常地走获取数据流程，即直接调用getData() 函数获取数据。

1、首先根据页面加载的时候没有出现loading，那么程序并没有执行 getData() 函数。所以肯定不是一开始就执行 thisgetData()。

2、清除缓存，移除小程序，再次进入小程序，仍然出现一片空白，那么知道并不是因为缓存问题，所以也排除第二种情况。

3、至于第一种情况，我是比较认同的。因为当初我只是想到从微信直接打开小程序的场景，却忽略了从公众号推文（甚至别的渠道）进入的场景。据我之前开发公众号的经验推测，从推文进入的时候微信极大可能会在url上携带一些乱七八糟的参数，这些参数正符合第一种情况的条件，进而进入了thisinitData(options)。

4、来看dataflag 的值，如果等于0，那么调用thisgetData()，已知thisgetData()并没有被执行，所以dataflag 不等于0；如果 thisshowFail = true 的话，那么会显示一个失败页，但页面是空白的，并没出现失败页，由此可知dataflag 并不等于1 或者 2。接下来没有路可走了，所以会出现空白页，这就说得过去了。

5、之所以会进入initData()函数，上面提过是别的微信自动加入的参数导致的，这些参数并不是我需要的（比如很关键的一个参数flag），但是却阴差阳错地成为了进入initData()函数的充分条件，此时flag 应该是undefined。所以形式就很明朗了，只要把进入的条件写得严谨一些如：

尽量从源头制止，并把initData函数改造如下，保证有一条通路可走：

到这里，我觉得应该是没问题的了。然后提交审核啦，审核很快就通过了，然后把小程序发布上去，然后开始验证，再次从当初那篇推文进入小程序发现Ok啦，出来数据啦

哈哈 谨记录一下这个坑！

为了不让用户在使用小程序时造成困扰，微信小程序规定页面路径只能是 五层 ，所以需尽量避免多层级的交互方式。 而页面跳转则涉及到多个页面层级。

保留当前页面，跳转到应用内的某个页面，使用wxnavigateBack可以返回到原页面。

需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用分隔，参数键与参数值用=相连，不同参数用&分隔；

如 'pathkey=value&key2=value2'

eg:

wxnavigateTo({

    url:'testid=1'

})

这种跳转方式默认有返回按钮，返回到上一个页面

关闭当前页面，跳转到应用内的某个页面。

需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。参数与路径之间使用分隔，参数键与参数值用=相连，不同参数用&分隔；

如 'pathkey=value&key2=value2'

eg:

wxredirectTo({

    url:'testid=1'

})

这种跳转方式默认有返回按钮，返回到上一个页面的再上一层

需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用分隔，参数键与参数值用=相连，不同参数用&分隔；

如 'pathkey=value&key2=value2'，如果跳转的页面路径是 tabBar 页面则不能带参数

eg:

wxreLaunch({

    url:'testid=1'

})

这种跳转方式默认没有返回按钮，不需要默认返回按钮的页面就可以使用这个api了

需要跳转的 tabBar 页面的路径（需在 appjson 的  tabBar  字段定义的页面），路径后不能带参数

{

    "tabBar": {

        "list": [{

            "pagePath":"index",

            "text":"首页"

        },{

            "pagePath":"other",

            "text":"其他"

        }]

    }

}

wxswitchTab({

url:'/index'

})

我们需要调转到tabbar定义的页面的时候，就需要这个api了。踩过这个坑的人就知道，除了这个api，其他的都不能跳转到tabar定义过的页面

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。

以上就是关于小程序如何跳转小程序全部的内容，包括:小程序如何跳转小程序、小程序之间的跳转（带参）、音乐小程序开发播放音乐无法跳转等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！