公众号h5页面跳转到小程序

前言：
最近做了一个公众号的首页，首页由一个模块需求是点击跳转到小程序，于是翻阅了资料，需要用到公众号的一个开放标签：wx-open-launch-weapp
公众号h5页面跳转小程序呢，需要先关联下小程序，然后获取小程序原始id，还有配置JS接口安全域名等一系列操作，百度下就能搜到。
注意：使用浏览器或者微信开发者工具调试wx-open-launch-weapp开发标签都不会显示，只有在真机中才会有效果(前提还是config接口注入权限验证配置通过)。
使用wx-open-launch-weapp开放标签，是需要jweixin-1.6.0.js支持的，因为我的项目引入了weixin-js-sdk,所以当我引入jweixin-1.6.0.js之后，这个js并没有加载，所以导致了这个开发标签获取不到的问题，所以我只好注释了前面引入的sdk，后面就成功了。
具体代码如下：

<wx-open-launch-weapp
            username="小程序原始id"
            path="/pages/index/main"(跳转的小程序路径)
            @launch="handleLaunchFn"
            @error="handleErrorFn"
            style="display: inline-block;border:none;left: 17px;width: 84%;height: 76%;position: absolute;word-break: break-all;word-wrap: break-word;"
          >
            <script type="text/wxtag-template">
              <style>
                span{
                  color:#fff;
                  font-weight: bold;
                  font-size: 16px;
                  padding-left:5px;
                }
                p{
                  color:#fff;
                  font-size: 12px;
                  padding-left:5px;
                  font-weight: 400;
                  opacity: 0.6;
                  margin-top:5px;
                }
                div.launch-img{
                  text-align: right;
                }
                .launch-img img{
                  width:60px;
                  height:60px;
                  margin-top:-8px;
                }
              </style>
              <p>SHARED PARKING</p>
              <div class="launch-img">
              这里是图片路径(必须为服务器地址，绝对路径和相对路径不显示)
              </div>
            </script>
          </wx-open-launch-weapp>

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

我是在index.html页面引入的js，可能会对全局的sdk有影响，所以把之前引入的注册掉就好了
如果你遇到问题，不妨按照以下步骤来排查：

1.开启wx.config的debug模式
2.使用微信开发工具查看wx.config是否获取到OpenTag
3.分析解决问题
4.invalid signature签名错误排查
此步骤转载自以下链接：https://www.cnblogs.com/Can-daydayup/p/15404964.html?utm_source=tuicool&utm_medium=referral
有问题可以打开此链接翻阅下，希望能帮助到你！