微信H5页面唤醒APP并传参跳转uniapp

主要实现是利用微信内置浏览器支持的开放标签可以让你的H5网页拉起APP   在链接https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_H5_Launch_APP.html中要看
  1. 使用说明
  2. 关联说明
  3. 设置入口
  4. 绑定域名和移动应用
  5. 接入微信开放标签
   在链接https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html中要看
  1. 绑定域名
  2. 引入JS文件
  3. 通过config接口注入权限验证配置并申请所需开放标签
  4. 通过ready接口处理成功验证
  5. 通过error接口处理失败验证
  代码示例 :   在H5页面中添加点击跳转的元素　 
<wx-open-launch-app id="launch-btn" appid="appid" extinfo="goods/1234">
　　//appid是在微信中绑定的APPId , extinfo为打开APP时传给APP的值,比如我传的是商品这个单词和商品id,用"/"隔开方便截取
     <template>
         <p style="color:#fff;background-color: #0095FF;padding:5px 15px;">
             APP内打开
         p>
     template>
wx-open-launch-app

 

在JS中

注意: 如果所使用的标签允许提供插槽，由于插槽中模版的样式是和页面隔离的，因此需要注意在插槽中定义模版的样式。插槽模版及样式均需要通过进行包裹。对于Vue等视图框架，为了避免template标签冲突的问题，可使用