1.npm i  weixin-js-sdk --save //安装微信sdk
2.import wx from ‘weixin-js-sdk’ //在需要的地方引入
3.要注意的是onMenuShareAppMessage,onMenuShareTimeline是微信sdk1.4.0以下版本的方法
如果版本在1.4.0以上,必须使用新的方法updateAppMessageShareData,updateTimelineShareData
需要在wx.config的jsApiList进行注册  用法与onMenuShareAppMessage,onMenuShareTimeline一样
		wx.config({
            appId: res.data.appid, // 和获取Ticke的必须一样------必填,公众号的唯一标识
            timestamp: res.data.timestamp, // 必填,生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填,生成签名的随机串
            signature: signature,// 必填,签名,见附录1
            //需要分享的列表项:发送给朋友,分享到朋友圈,分享到QQ,分享到QQ空间
            jsApiList: [
                'onMenuShareAppMessage', 'onMenuShareTimeline',
            ]
        });
        
		//分享的参数
		let shareMsage = {
			title: '分享标题',
			desc: '分享描述',
			link: '分享点击跳转的链接'
			type: 'link',
			imgUrl: '分享的图片,一般为logo'
		}
		
        //监听分享动作
		wx.ready(function () {
			//分享给好友
            wx.onMenuShareAppMessage({
				title: shareMsage.title, // 分享标题
				desc: shareMsage.desc,	//分享的描述
				link: shareMsage.link, // 分享链接,该链接域名必须与当前企业的可信域名一致
				type: shareMsage.type, // 分享类型,music、video或link,不填默认为link
				imgUrl: shareMsage.imgUrl, // 分享图标
				success: function() {
					that.$message.success('分享成功')
				},
            });
            //分享到朋友圈
			wx.onMenuShareAppMessage({
				title: shareMsage.title, // 分享标题
				desc: shareMsage.desc,	//分享的描述
				link: shareMsage.link, // 分享链接,该链接域名必须与当前企业的可信域名一致
				type: shareMsage.type, // 分享类型,music、video或link,不填默认为link
				imgUrl: shareMsage.imgUrl, // 分享图标
				success: function() {
					that.$message.success('分享成功')
				},
            });
        });
Logo

前往低代码交流专区

更多推荐