h5跳转小程序和APP

h5网页跳转到小程序，前不久微信刚开放这个功能，可以说解决了很多产品的问题。在这之前呢，想要从h5跳转到小程序，只有通过小程序码的方式。
现在很方便, 有两个开发标签

标签

• <wx-open-launch-weapp> 打开小程序`
• <wx-open-launch-app> 打开app

要求

• 微信版本要求为：7.0.12及以上。 系统版本要求为：iOS 10.3及以上、Android 5.0及以上。
• 已经认证

需要在h5中引入微信的sdk，然后绑定安全域名等。
然后配置

wx.config({ 
// 其他配置一样
	openTagList :[ 'wx-open-launch-weapp',  ‘wx-open-launch-app’ ]
})

然后再页面中使用

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index.html?user=123&action=abc"
>
  <template>
    <button class="btn">打开小程序</button>
  </template>
</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>

完事~ 是不是很简单