手機QQ內置網頁,微信內置網頁中進行分享到QQ和微信的操作


微信內的網頁分享:

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文件!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM