这里是文章模块栏目内容页
wx-open-launch-app公众号内打开app组件

官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#22

Vue中使用:
https://blog.csdn.net/qq_35537652/article/details/110368520?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
https://blog.csdn.net/jane900/article/details/107410321
用于页面中提供一个可跳转指定App的按钮。

开放对象

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

属性

名称必填默认值备注
appid
所需跳转的AppID
extinfo
跳转所需额外信息

备注:对于extinfo属性,用于携带额外信息,格式自定义,由跳转的App自⾏解析处理。对应iOS微信openSDK中的messageExt字段(LaunchFromWXReq.message.messageExt),或对应Android微信openSDK中的messageExt字段(ShowMessageFromWX.Req.message.messageExt),详细参见文档《App获取开放标签<wx-open-launch-app>中的extinfo数据》

插槽

名称必填默认值备注
default
跳转按钮模版及样式

事件

名称冒泡返回值备注
ready
标签初始化完毕,可以进行点击操作
launch
用户点击跳转按钮并对确认弹窗进行操作后触发
error{ errMsg: string }用户点击跳转按钮后出现错误

备注:error事件返回值errMsg说明如下。

errMsg说明
"launch:fail"调⽤失败,或安卓上该应用未安装,或iOS上用户在弹窗上点击确认但该应⽤未安装
"launch:fail_check fail"校验App跳转权限失败,请确认是否正确绑定AppID

用例

<wx-open-launch-app
  id="launch-btn"
  appid="your-appid"
  extinfo="your-extinfo">
  <template>
    <style>.btn { padding: 12px }</style>
    <button class="btn">App内查看</button>
  </template></wx-open-launch-app><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>