H5跳转小程序页面js代码实现（生成Scheme码和wx.miniProgram.navigateTo）

H5跳转小程序，代码实现两种情况的跳转：

1、H5页面在微信浏览器环境中打开小程序页面

可打开任意小程序页面，需要提供小程序的appid和页面路径生成小程序URL Scheme。

2、小程序内嵌H5页面在小程序环境中打开小程序页面

只能打开H5所在的小程序页面。

wx.miniProgram.navigateTo({url: urlMini});

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript">            
        //小程序内嵌H5跳转小程序和H5跳转小程序
        function navigateToMiniProgram(urlMini, urlScheme) {
            if (typeof wx !== 'undefined') {
                wx.miniProgram.getEnv(function (res) {
                    if (res.miniprogram) {
                        //alert("小程序环境");
                        //小程序环境
                        wx.miniProgram.navigateTo({
                            url: urlMini // 小程序页面路径
                        });
                    } else {
                        //alert('微信浏览器环境');
                        //微信浏览器环境
                        location.href = urlScheme;//小程序URL Scheme
                    }
                });
            } else {
                //alert('请在微信环境中打开');
            }
        }

    //调用示例
    navigateToMiniProgram('/pages/index/index','weixin://dl/business/?t=csdsdfsfde');
</script>

小程序页面生成链接供H5页面在微信浏览器中打开，适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景。目前仅针对国内非个人主体的小程序开放。

参考文档：

获取加密scheme码 | 微信开放文档

微信调试工具

通过接口generatescheme生成加密的scheme码截图

注意：access_token的生成需要appid和appsecret