微信分享到朋友圈 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));
}
});
});
}