微信内页拉起app,唤起app操作方法一些说明

原创已于 2024-09-05 09:46:45 修改 · 1.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #前端

于 2024-09-04 17:43:30 首次发布

微信官方文档

目录 | 微信开放文档

跳转APP：wx-open-launch-app

用于页面中提供一个可跳转指定App的按钮。注意：Android平台通过开放标签跳转App，App必须接入微信OpenSDK，详细参见文档《Android微信OpenSDK接入指南》。

补充说明：1、必须真机才能渲染该标签；2、文字链无法拉起该标签

接入微信OpenSDK 如果是uniapp就不用另外接入

开放对象

此功能仅开放给已认证的服务号，服务号绑定“JS接口安全域名”下的网页可使用此标签跳转满足一定条件的App。在使用该标签之前，首先需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App。详细配置规则参考文档《微信内网页跳转APP功能》。

关联设置中JS接口安全域名:实际意思是从哪个域名打开这个APP,就填上哪个域名!!!

移动应用appid 和已认证的服务号必须是要在一个主账号下

<wx-open-launch-weapp
  id="launch-btn"
  appid="wx12345678"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>
<script>
  var btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>

wx-open-launch-app :此标签内元素样式可能不生效,可以直接给wx-open-launch-app标签写入行内样式