怎么微信浏览器里 打开APP

最近在做一个需求，希望在微信浏览器里打开 h5 页面，然后直接唤起自家的 APP。搜索一番，发

现微信早在 2020 年就开放一个标签，用于打开 APP，再也不需要干儿子了。

没有太多研究时间，大致说下逻辑，备用，代码仅供参考。

官方文档

绑定域名
登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS 接口安全域名”。

引入 JS 文件 import wx from 'weixin-js-sdk';

通过 config 接口注入权限验证配置并申请所需开放标签

wx.config({ openTagList: ['wx-open-launch-app'] }); // 需要使用的开放标签列表，其他配置跟别的微信接口差不多，不赘述 ;
复制代码

vue 文件中使用的话，需要再main.js那边加标签忽略Vue.config.ignoredElements = ['wx-open-launch-app'];

这边以 vue 为例，将唤起这种按钮封装成组件，以备之后使用

唤起 app 的按钮，必须使用微信的开放标签，这里需要APP端和微信申请APPID，作为标签参数，同时需要extInfo，是跳转所需额外信息，如果是首页的话，extInfo可以直接是xx://
如果页面需要再浏览器打开，那么需要兼容浏览器的情况
为了方便，一般写一个盒子，浏览器的按钮先写好，然后微信的按钮定位在其上就好，如果是微信，点的就是微信按钮，如果不是点的就是浏览器按钮
浏览器跳转打开 APP 的话，直接用下call-lib库，封装了细节，使用便捷

复制代码
使用组件
引入，传入配置项就好
import BtnOfCallAppInWx from '@/components/BtnOfCallAppInWx';
//