微信分享到朋友圈 QQ QQ空间 代码实现:
前提需要,公众号 后台配置域名白名单
下面是 页面相关的Js,可以在要分享的页面添加此 js文件;
var appId = ""; // 必填,公众号的唯一标识
var timestamp = ""; // 必填,生成签名的时间戳
var nonceStr = ""; // 必填,生成签名的随机串
var signature = "";// 必填,签名,见附录1
var lineLink = window.location.href; //分享的网页,地址完整地址如:https://xxx.com/xxx/xxx.html
$(function () {
$.ajax({
url: '/index/index/getWXParam',
type: "POST",
data: {
url: lineLink
},
success: function (res) {
var r = eval(res);
appId = r.appId;
timestamp = r.timestamp;
nonceStr = r.nonceStr;
signature = r.signature;
wx_fx();
}
});
})
function wx_fx() {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名,见附录1
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'onMenuShareTimeline', //分享给好友
'onMenuShareAppMessage', //分享到朋友圈
'onMenuShareQQ',
'onMenuShareQZone'
] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function () {
var imgUrl = "https://z3.ax1x.com/2021/09/03/h6s49s.png";//缩略图
var descContent = "修改为分享内容的简介";
var shareTitle = "修改为分享的标题";
//分享到朋友圈
wx.onMenuShareTimeline({
title: shareTitle,
link: lineLink,
imgUrl: imgUrl,
success: function (res) {
alert("分享成功!")
},
cancel: function (res) {
alert("取消分享!")
},
fail: function (res) {
alert("分享失败!");
}
});
//分享给朋友
wx.onMenuShareAppMessage({
title: shareTitle,
desc: descContent,
link: lineLink,
imgUrl: imgUrl,
success: function (res) {
/*shared(shareLink, "friend", shareGid);*/
/*alert("分享给朋友成功!");*/
},
fail: function (res) {
alert("分享给朋友失败!" + JSON.stringify(res));
}
});
//分享到QQ
wx.onMenuShareQQ({
title: shareTitle, // 分享标题
desc: descContent, // 分享描述
link: lineLink, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function (res) {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
},
fail: function (res) {
alert("分享qq失败!" + JSON.stringify(res));
}
});
//分享QQ空间
wx.onMenuShareQZone({
title: shareTitle, // 分享标题
desc: descContent, // 分享描述
link: lineLink, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
},
fail: function (res) {
alert("分享qq空间失败!" + JSON.stringify(res));
}
});
});
}