微信内的网页分享:

API内容详见微信开发文档  https://mp.weixin.qq.com/wiki

这里需要注意的是:调用微信API的时候修改的是微信内网页右上角三个点那里打开后,选择分享之后弹出的窗口的内容,并非调用api后就直接调出来选择分享目标的页面

var wxShareConfig = {
			imgUrl:"分享的图片url",
			title: "分享标题",
			link:shareUrl,
			desc:"分享描述"
		}
		// 发送请求获取到微信js-sdk相关配置之后,触发分享到微信,QQ等
		// 【需要在公众号聊天对话框中打开url,并且url的域名需要在公众号后台配置成功(微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”)】
		function initWeixinShare(){
			$.ajax({
				url:"${contextPath}/WechatShare",  //后台请求,取到微信配置需要的参数
				type:'GET',
				async:false,
				dataType: "json",
				data: {'url': encodeURI(encodeURI(location.href.split('#')[0]))},
				success:function(data){
					wx.config({
			            debug: true,  // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			            appId: data.appid, // 必填,公众号的唯一标识
			            timestamp: data.timestamp, // 必填,生成签名的时间戳
			            nonceStr: data.noncestr, // 必填,生成签名的随机串
			            signature: data.signature,// 必填,签名,见附录1
			            jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
			        });
			        wx.ready(function(){
			        	wx.onMenuShareTimeline(wxShareConfig);  //分享到朋友圈
						wx.onMenuShareAppMessage(wxShareConfig); //分享到微信朋友
						wx.onMenuShareQQ(wxShareConfig); //分享到QQ
						wx.onMenuShareQZone(wxShareConfig); //分享到QQ空间
					});
			        
				}
			});
		}	

QQ内置网页中的分享功能:

只要js引入然后设置一下这个值就可以了

QQ分享文档地址:http://open.mobile.qq.com/api/component/share

setShareInfo({
						title  : wxShareConfig.title,
						summary: wxShareConfig.desc,
						pic    : wxShareConfig.imgUrl,
						url    : wxShareConfig.link
					});

  

 

特别提醒:

1.微信分享以及相关的页面api功能调用,必须要先在公众号后台配置安全域名,具体位置参考微信开发文档

2.微信分享api仅仅是设置 点击右上角三个点之后选择分享到QQ,朋友圈…… 之后,弹出的弹窗中的值,而并非直接弹出选择分享目标的页面

3.QQ分享,微信分享 千万 千万 千万不要忘记导入 他们的 JS文件!!!