公众号分享卡片

公众号分享卡片

！！！！页面必须配置在公众号下方或扫描页面链接生成的二维码才能分享卡片

npm下载weixin-js-sdk

npm install weixin-js-sdk

页面引用

import wx from 'weixin-js-sdk';

// 微信公众号分享卡片链接
	onLoad(){
		this.getWxfx()
	}

	methods:{
		getWxfx() {
			// 后端配置的公众号参数请求接口
			this.api.fenxiang({
					url: 'https://*****.com/#/pages/index/index' // 接口参数要与后端配置相同
				})
				.then(res => {
					wx.config({
						debug: false, //测试时候用true 能看见wx.config的状态是否是config:ok
						appId: res.data.appId, // 必填，公众号的唯一标识（公众号的APPid）
						timestamp: parseInt(res.data.timestamp), // 必填，生成签名的时间戳
						nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
						signature: res.data.signature, // 必填，签名
						jsApiList: [
							'updateAppMessageShareData',
							'updateTimelineShareData'
							'onMenuShareAppMessage', //老版本分享接口
							'onMenuShareTimeline' //老版本分享接口。
						]
					});
					wx.ready(() => {
						this.share();
					});
					// sdk 权限验证配置失败回调
					wx.error(function(res) {
						console.log('error', res);
					});
				});
		},
		share() {
			var title = '卡片标题';
			var description = '卡片内容';
			var imgUrl = 'https://*******.png'; // 卡片分享图片链接
			var url = 'https://*****.com/#/pages/index/index'; // 要分享的页面地址
			var tempParam = {
				title: title,
				desc: description,
				link: url,
				imgUrl: imgUrl
			};
			//分享给朋友
			// wx.onMenuShareAppMessage(tempParam);
			//分享给朋友圈
			// wx.onMenuShareTimeline(tempParam);
			// 分享给朋友
			wx.updateAppMessageShareData(tempParam);
			//分享给朋友圈
			wx.updateTimelineShareData(tempParam);
		}
	}