HTML、Vue——微信H5跳转小程序_html 打开微信小程序

微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#%E5%BC%80%E6%94%BE%E6%A0%87%E7%AD%BE

1. 页面引入js

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

2. HTML、Vue部分（username:小程序原生id，path：小程序页面地址）

<wx-open-launch-weapp id="launch-btn" username="*****" path="******">
	//H5
	<script type="text/wxtag-template">
		<style></style>
		<button>立即使用小程序</button>
	</script>
	//或Vue
	<template>
		<div style="">立即进入</div>
	</template>
</wx-open-launch-weapp>
1
2
3
4
5
6
7
8
9
10
11

3. 注入微信配置

wx.config({
	debug: false,
	appId: appId,
	timestamp: timestamp,
	nonceStr: nonceStr,
	signature: signature,
	jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareQZone"],
	openTagList: ['wx-open-launch-weapp']
});
wx.ready(function(){});
wx.error(function(res){});
1
2
3
4
5
6
7
8
9
10
11