h5怎么跳转到小程序的页面？
发布于 5 年前 作者 shaojun 18362 次浏览 来自 问答

网上不少朋友说，先引入jweixin-1.3.0.js，然后通过wx.miniProgram.navigateTo 方法跳转到指定的小程序页面。

可是，请问，我在哪里告诉微信，我要跳转到哪个小程序里去？在哪里配置目标小程序的信息？

如果我直接

wx.miniProgram.navigateTo({

   url: '/pages/index’

});

那我__跳哪个小程序__里去？哪里指定？懵逼，急求大神指点。

10 回复

小程序嵌套h5

这个是需要使用<web-view></web-view>标签在你的小程序里面嵌入一个网页，在h5页面在使用这个方法在回到小程序，单纯h5是不能进行跳转小程序的。

在小程序 内嵌 web-view ，三src 指向内嵌H5 网址，然后就可以 在 h5 内 跳转至小程序 wxminiProgramreLaunch({ url:’/pages/xxxx’ })

大家在使用webview跳转h5.然后从h5跳转回小程序没有遇到不能跳转的吗？我就发现从H5跳不回小程序，很多人说是微信版本问题，旧版本会有问题。

纯H5不能跳转小程序，只有在小程序里webview嵌入的h5才可以

小程序内 使用webview跳转h5.然后从h5跳转回小程序是可以的。 不是通过小程序内打开的h5 是跳转不了小程序的。

可以把你的代码和微信版本以及基础库版本贴出来大家看看

h5只能在webview里面使用吧。

有人解决了吗

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
</head>
<body>
    <div id="app">点我</div>
    <div id="error"></div>
    <script>
        var app = document.getElementById('app');
        var error = document.getElementById('error');
        app.onclick = function() {
            wx.miniProgram.navigateTo({
                path: '/pages/index',
                appId: '===================',
                success: function() {
                    error.innerText = "success";
                },
                error: function(err) {
                    error.innerText = err;
                }
            });
        };
    </script>
</body>
</html>
回到顶部