小程序如何跳转小程序

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

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

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

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

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

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

微信小程序路由跳转，共有三种形式，页面中使用navigator组件做页面链接形式路由跳转，js中可以使用wx.navigateTo--保留当前页面，跳转到应用内的某个页面，wx.redirectTo--关闭当前页面，跳转到应用内的某个页面wx.navigateBack()--关闭当前页面，回退前一页面。

需要用到小程序的web-view， 官方文档链接

web-view是承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。写法如下：

注：当在微信开发中工具里返回“{"base_resp":{"ret":-1}}”时，需要点左上角“设置”--“项目设置”--勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”

因为外部h5无法跳转到小程序，因此需要把h5内嵌到小程序的web-view中。

一：首页小程序内嵌h5网页,内嵌这一步就相当于上面的小程序跳转h5：

二：然后在内嵌的网页里引入js，调用wx.miniProgram.navigateTo跳转小程序方法，可在url后拼接要传的参数：

三：小程序接受参数的页面：

index.wxml:

index.js

这样就从h5跳到小程序指定的页面并且可以拿到我们想要传的参数

原文作者技术博客： https://www.jianshu.com/u/ac4daaeecdfe

95后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。

欢迎留言交流

---