- 可以再分享的頁面中寫上分享文案
<!-- 分享文案 -->
<div style="display: none">
<p id="shareTittle">分享的主標(biāo)題</p>
<p id="shareDesc">分享的副標(biāo)題</p>
</div>
- 單獨建一個js文件用來寫分享相關(guān)的代碼
// 獲取微信配置
var wxUrl = window.location.href.split('#')[0];
$.ajax({
type: "GET",
url: 'http://.......' + '?url=' + wxUrl,//微信分享的接口（后臺給）
dataType: 'json',
success: (function(wxMsg) {
if (wxMsg.retResult == null || wxMsg.retResult == '') {
return;
} else {
console.log(wxMsg);
console.log(JSON.parse(wxMsg.retResult));
var wxInformation = JSON.parse(wxMsg.retResult);
var appId = wxInformation.appId;
var timestamp = wxInformation.timestamp;
var nonceStr = wxInformation.noncestr;
var signature = wxInformation.signature;
wx.config({
debug: false,//提示的開關(guān)衔瓮，true的時候在手機(jī)上可以看到正確或錯誤的提示
appId: appId,
timestamp: timestamp,
nonceStr: nonceStr,
signature: signature,
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
]
});
}
}),
error: (function() {
})
});
// 獲取微信配置
var wxSUrl = location.origin+"/giftsNeimeng/enrollNeiMeng/index.html";//當(dāng)前頁面的路徑
console.log(wxSUrl)
var iconImg = location.origin+'/giftsNeimeng/enrollNeiMeng/images/icon.png'; // 分享的圖標(biāo)
var shareTit = $('#shareTittle').text(); // 當(dāng)前頁面標(biāo)題
var shareContent=$('#shareDesc').text(); // 當(dāng)前分享摘要
console.log(shareContent)
wx.ready(function() {
// 1 判斷當(dāng)前版本是否支持指定 JS 接口，支持批量判斷
wx.checkJsApi({
jsApiList: [
'checkJsApi',
'onMenuShareAppMessage',
'onMenuShareTimeline',
'onMenuShareQQ',
'onMenuShareWeibo'
],
success: function(res) {
}
});
// 2.1 監(jiān)聽“分享給朋友”毒返，按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口
wx.onMenuShareAppMessage({
title: shareTit,
desc:shareContent,
link: wxSUrl,
imgUrl: iconImg,
trigger: function(res) {
// alert('用戶點擊發(fā)送給朋友');
},
success: function(res) {
// alert('已分享');
},
cancel: function(res) {
// alert('已取消');
},
fail: function(res) {
// alert(JSON.stringify(res));
}
});
// 2.2 監(jiān)聽“分享到朋友圈”按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口
wx.onMenuShareTimeline({
title: shareTit,
desc: shareContent,
link: wxSUrl,
imgUrl: iconImg,
trigger: function(res) {
// alert('用戶點擊分享到朋友圈');
},
success: function(res) {
// alert('已分享');
},
cancel: function(res) {
// alert('已取消');
},
fail: function(res) {
// alert(JSON.stringify(res));
}
});
// 2.3 監(jiān)聽“分享到QQ”按鈕點擊蜂桶、自定義分享內(nèi)容及分享結(jié)果接口
wx.onMenuShareQQ({
title: shareTit,
desc:shareContent,
link: wxSUrl,
imgUrl: iconImg,
trigger: function(res) {
// alert('用戶點擊分享到QQ');
},
complete: function(res) {
// alert(JSON.stringify(res));
},
success: function(res) {
// alert('已分享');
},
cancel: function(res) {
// alert('已取消');
},
fail: function(res) {
// alert(JSON.stringify(res));
}
});
// 2.4 監(jiān)聽“分享到微博”按鈕點擊寝姿、自定義分享內(nèi)容及分享結(jié)果接口
wx.onMenuShareWeibo({
title: shareTit,
desc: shareContent,
link: wxSUrl,
imgUrl: iconImg,
trigger: function(res) {
// alert('用戶點擊分享到微博');
},
complete: function(res) {
// alert(JSON.stringify(res));
},
success: function(res) {
// alert('已分享');
},
cancel: function(res) {
// alert('已取消');
},
fail: function(res) {
// alert(JSON.stringify(res));
}
});
});
wx.error(function(res) {
});
當(dāng)然交排，微信分享很容易出現(xiàn)以下分享不成功的時候，各位大佬可以觀看這位簡書作者寫的關(guān)于微信回調(diào)不成功的問題
http://www.reibang.com/p/beb48eafc06c
