H5页面跳转任意小程序（非个人）

注：跳转小程序只能是已认证非个人小程序，h5页面域名需绑定在公众号“JS接口安全域名”下。

1.引入微信js

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

2.wx.config接口获取“wx-open-launch-weapp”开放标签使用权限。

appId、timestamp、nonceStr、signature都是通过调取后端接口返回当前公众号信息。

wx.config({
  debug: false, // 开启调试模式
  appId: '', // 必填，公众号的唯一标识
  timestamp: '', // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: ['chooseImage'], // 必填，需要使用的JS接口列表，填写一个当前公众号有权限的接口
  openTagList: ['wx-open-launch-weapp'] // 可选，需要使用的开放标签列表
});

权限申请成功后，控制台返回调试框即为成功（注意观察一定要是wx-open-launch-weapp）：

3.使用“wx-open-launch-weapp”开放标签

“wx-open-launch-weapp”开放标签使用权限申请成功后，在页面中使用。
若在vue中使用，script 中的html动态值用 {{}} 包裹，不加冒号（ ：）。

<wx-open-launch-weapp id="launch-btn" appid="跳转小程序的id" username="跳转小程序的ghid" path="跳转小程序的path路径（非必填）">
	<script type="text/wxtag-template">
		<style>
			.btn{
				padding:12px;
			}
		</style>
		<div>
			<div class="btn">打开小程序</div>
		</div>
		
	</script>
</wx-open-launch-weapp>

4.测试

测试必须在真机上访问线上地址才生效，使用浏览器或微信开发者工具都不生效。