Vue脚手架H5页面页面微信分享操作

直接上代码

//weixin-js-sdk npm安装:npm install weixin-js-sdk
//需要在页面中引用weixin-js-sdk
import wx from 'weixin-js-sdk' //先下载后引入
//公共js中定义的方法
function getShareInfo(url) {
//此处的url是分享时当前页面路径
	console.log(url)
	var values = {
		url: url
	}
//从后端拿到数据
	var res = getUrlFromValues1('http://learn.erenju.com/index.php/index/wechat/shareData',values)
	console.log(res)

    //使用后端拿到的数据配置wxconfig
	wx.config({
		debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		appId: res.appId, // 必填，公众号的唯一标识，填自己的！
		timestamp: res.timestamp, // 必填，生成签名的时间戳，刚才接口拿到的数据
		nonceStr: res.nonceStr, // 必填，生成签名的随机串
		signature: res.signature, // 必填，签名，见附录1
		jsApiList: [
			'onMenuShareTimeline',
			'onMenuShareAppMessage'
		]
	});
    
    //配置成功默认执行此函数
	wx.ready(function() {
		console.log('成功')
	})
    
	    //分享到朋友圈
	        wx.onMenuShareTimeline({
			    title: '乐学学习', // 分享时的标题
			    link: url, // 分享时的链接
			    imgUrl: '', // 分享时的图标
			    success: function() {
				console.log("分享成功");
			},
			cancel: function() {
				console.log("取消分享");
			}
		}),
		//分享给朋友
		wx.onMenuShareAppMessage({
			title: '乐学学习',
			desc: '这件商品终于优惠了',
			link: url,
			imgUrl: '',
			type: '',
			dataUrl: '',
			success: function() {
				console.log("分享成功");
			},
			cancel: function() {
				console.log("取消分享");
			}
		})
}