微信内的网页分享:
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文件!!!