h5唤醒原生应用

参考

https://juejin.cn/post/6844904020201455624

deep link

URL Scheme

1 .结构

     行为(应用的某个功能/页面)    
            |
scheme://[path][?query]
   |               |
应用标识       功能需要的参数

<a href="weixin://">打开微信</a>
<a href="alipays://">打开支付宝</a>
<a href="alipays://platformapi/startapp?saId=10000007">打开支付宝的扫一扫功能</a>
<a href="alipays://platformapi/startapp?appId=60000002">打开支付宝的蚂蚁森林</a>

2 .App开发者自己定义，定义一些参数和路径让其他开发者访问

微信内部有自己的接口

1 .<wx-open-launch-app>

1 .可以跳转App
2 .可以跳转小程序

2 .https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
3 .所有开放标签都能像普通的 HTML 标签一样在页面中直接使用，不需要再进行额外的处理。
4 .微信内跳转App规则.但是好像window.href.open('')，一个deep llink可以直接操作的
5 .跳过这些验证

3 .网页端订阅通知按钮

wx-open-subscribe
1 .服务号提供在网页端设置订阅通知的能力。调起客户端服务号订阅通知界面，返回用户订阅通知的操作结果

4 .可以接入微信浮窗播放器

<wx-open-audio
  title="别找我麻烦"
  singer="蔡健雅"
  episode="说到爱"
  src="http://xxx.xxx.com/.mp3"
  cover="http://xxx.xxx.com/xxx.jpg"
></wx-open-audio>

5 .在Vue中使用

1 .Vue.config.ignoredElements来忽略 Vue 对开放标签的检查
<wx-open-audio
  :title="title"
  src="http://xxx.xxx.com/.mp3"
  @canplay="canplay"
  @pause="pause"
  @seeked="seeked"
>
  <script type="text/wxtag-template">
    <button>播放</button>
  </script>
</wx-open-audio>