H5嵌套的小程序跳转到同一公众号主体的另一小程序

在同一主体下的不同小程序之间是可以相互跳转的。

那么H5嵌套到小程序之后要跳转到另一个小程序是否也可以跳转呢?

一、确认两个不同appid的小程序已经在同一公众号主体下

二、判断H5是否已经成功嵌套入小程序

小程序官方提供

wx.miniProgram.getEnv(function(res) { console.log(res.miniprogram) })

方法,返回为true,则嵌套成功(直接将H5链接转为HTTPS即可)

三、在当前H5页面中跳转一个新的wxml页面

首先在当前H5页面引入官方js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

嵌套后的H5页面虽已变身成为小程序,但是实际上还是H5,这时候直接用官方提供的wx.miniProgram.navigateTo()是跳转不过去的。wx.miniProgram.navigateTo()是小程序内部跳转(跳转至当前小程序的某个页面)。新建一个wxml页面,用wx.miniProgram.navigateTo()跳转到这个新建的页面,

四、跳转到新的小程序

在当前小程序app.json中添加

"navigateToMiniProgramAppIdList": [
“新的小程序aooid"
],

此时用户就已经真正处于小程序环境了,这时候再用

wx.navigateToMiniProgram({

appId: ‘新的小程序appid',

envVersion: '小程序环境',

path: ‘跳转的路径',

success(res) {

alert("跳转成功”)

}

})

跳转,大功告成。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值