微信浏览器 H5 唤醒 APP 操作

1.关联 App-微信开发平台 微信开发平台配置关联 App，关联 App 需要 appId，并且关联 js 接口安全域名与分享的域名是一致的 微信开发平台地址: open.weixin.qq.com/

2.H5 页面域名配置-微信公众平台 JS 安全域名需要配置当前 h5 页面的域名，也就是分享的域名； 注意：若只配置了 js 安全域名还是无法通过 wx.config 验证，则尝试在业务域名，网页授权域名中都进行配置 分享域名 微信公众号地址: mp.weixin.qq.com/

3.若以上配置都配好了，则调用 wx 的 sdk,通过 wx.config 进行验证，验证通过使用微信提供的标签 wx-open-launch-app

<!-- 标准写法 -->
<wx-open-launch-app
  id="launch-btn"
  appid="应用appId"
  extinfo="你想传递给app的信息"
>
  <script type="text/wxtag-template">
       <div style="
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 45px;
        width: 100%; "
    >
      打开APP阅读全文
    </div>
  </script>
</wx-open-launch-app>

<!-- vue项目中的写法 -->
<wx-open-launch-app
  id="launch-btn"
  appid="应用appId"
  extinfo="你想传递给app的信息"
>
  <component :is="'script'" type="text/wxtag-template">
    <div
      class="btn_open"
      style="
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 45px;
        width: 100%;
    "
    >
      打开APP阅读全文
    </div>
  </component>
</wx-open-launch-app>

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
  appId: "", // 必填，注意：所需的AppID 一定得是公众号，若使用了应用Id则会报 域名无效
  timestamp: "", // 必填，生成签名的时间戳
  nonceStr: "", // 必填，生成签名的随机串
  signature: "", // 必填，签名
  jsApiList: ["launchApplication"], // 必填，需要使用的JS接口列表
  openTagList: ["wx-open-launch-app"], // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
});

wx.ready(function () {
  // 表示配置通过，如果验证通过
  var btn = document.getElementById("launch-btn");
  btn.addEventListener("launch", function () {
    // 表示唤醒成功
  });
  btn.addEventListener("error", function () {
    // 表示唤醒失败
  });
});
wx.error(function () {
  // 表示配置失败
});