微信H5页面一键拉起小程序，这份完整指南请收好

上周有个做电商的朋友找我吐槽，说他们花了大力气做活动H5，用户在微信里点开页面、看完详情、填好信息，到一步却要退出页面、去搜索框里找小程序，这一来一回起码流失掉三成用户。他问我有没有办法让H5页面直接跳进小程序，我告诉他当然有，而且微信官方早就开放了这条通道。今天就把这份完整的实操指南整理出来，你照着做就行。

这条通道的官方名称叫「微信开放标签」，具体是 `` 这个标签。它的作用就是在你的H5页面里嵌入一个按钮，用户点击后直接拉起你指定的小程序，中间不经过任何跳转和确认环节。听起来很神奇对吧？但要注意，这个功能只对认证过的企业主体开放，个人开发者就别想了。而且H5页面必须部署在已认证的公众号关联的域名下，同时要在公众号后台把JS接口安全域名配置好。这三样缺一不可，少了任何一个，标签都只会显示成空白。

具体操作步骤我拆解给你看。第一步，登录微信公众平台，在「设置-公众号设置-功能设置」里找到JS接口安全域名，把你要放H5页面的那个域名加进去。这里有个小坑，域名必须是ICP备案过的，而且不能带端口号。第二步，在H5页面的HTML代码里引入微信的JS-SDK，版本号要用1.6.0以上。第三步，通过 `config` 注入权限配置，其中 `openTagList` 数组里必须包含 `wx-open-launch-weapp` 这个值。第四步，在页面上放置这个开放标签，里面可以嵌套任意HTML内容作为按钮样式。

代码长这样，你直接复制就能用。在 `config` 里加上 `openTagList: ['wx-open-launch-weapp']`，然后页面里写：