vue实现微信分享

1 篇文章 0 订阅
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('分享成功')
				},
            });
        });
  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值