微信公众号消息订阅

直接上代码（多个消息模板时，每个模板id直接用逗号分隔）

<!-- 订阅浮窗 -->
<div id="wxsub" style="position: fixed;bottom: 300rpx;right: 35rpx;width: 152rpx;height: 152rpx;"></div>

let href = encodeURIComponent(window.location.href.split('#')[0])
this.$u.get(`${getUrl}?url=${href}`).then(res => {
	if (res.code === 0) {
		//通过config接口注入权限验证配置
		wx.config({
			debug: false, 
			appId: res.data.appId, // 必填，公众号的唯一标识
			timestamp: res.data.timestamp, // 必填，生成签名的时间戳
			nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
			signature: res.data.signature, // 必填，签名，见附录1
			jsApiList: ['checkJsApi'], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			openTagList: ['wx-open-subscribe'] // 可选，需要使用的开放标签列表
		});
		wx.ready(function(res) {
			var dom1 = document.getElementById('wxsub')
			dom1.innerHTML =
			`<wx-open-subscribe id="subscribet" template="消息模板id" >
				<template>
					 <img src="imgUrl" width="110px" height="110px"/>
				</template>
			</wx-open-subscribe>`
			var subscribet = document.getElementById('subscribet')
			subscribet.addEventListener('success', function(e) {
				console.log('s-success', e);
			})
			subscribet.addEventListener('error', function(e) {
				console.log('s-error', e);
			})
		});
		// 通过error接口处理失败验证
		wx.error(function(res) {
			console.log('res', res);
		});
	}
})

实现效果（该订阅为一次性订阅，点击一次只能接收一次通知，再想接收，得提前订阅，微信这个功能真鸡肋~~~）