微信內的網頁分享:
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文件!!!
