美文网首页微信大前端
微信小程序跳到h5,h5在跳回小程序

微信小程序跳到h5,h5在跳回小程序

作者: 左木北鱼 | 来源:发表于2019-04-22 17:00 被阅读0次

    1.在微信小程序后台:

    设置->开发设置->业务域名: 添加业务逻辑域名

    2.在html5页面添加如下代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>test</title>
    </head>
    <body>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> 
    
    <a onclick="test()">返回到小程序页面</a>
    <script type="text/javascript" >
    function test(){
        wx.miniProgram.switchTab({url: '/pages/index/index'})       
    }
    </script>
    
    </body>
    </html> 
    

    3.注意:

    • navigateTo , redirectTo 只能打开非 tabBar 页面。 换用 switchTab试试.
      部分页面涉及到tab跳转导致失败,使用

    • wx .miniProgram.reLaunch
      可以解决,非tab子页面,其他的几个跳转方式没问题

    • wx.reLaunch可以带参数
      wx.switchTab不能带参数

    参考文章:# [微信小程序跳到h5,h5在跳回小程序]

    相关文章

      网友评论

        本文标题:微信小程序跳到h5,h5在跳回小程序

        本文链接:https://www.haomeiwen.com/subject/qfrugqtx.html