微信（公眾號）自定義分享

微信JS-SDK(1.4)版本

1、優先引入微信JS-SDK

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!-- 支持https -->
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

2、處理微信分享需要的參數

var timestamp, nonceStr, signature, data = {};
data.url = location.href.split('#')[0];
$.ajax({
	async: false,
	type: 'post',
	url:'xxxx',
	data: data,
	dataType: 'json',
	success:function(res){
		timestamp = res.data.timestamp;
		nonceStr = res.data.nonceStr;
		signature = res.data.signature;
	}
});

3、權限校驗

wx.config({
  debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
  appId: appId, // 必填，公眾號的唯一標識
  timestamp:timestamp , // 必填，生成簽名的時間戳
  nonceStr: nonceStr, // 必填，生成簽名的隨機串
  signature: signature,// 必填，簽名
  jsApiList: ['checkJsApi', 'updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
});

/**
 * checkJsApi：校驗當前客戶端是否支持指定版本JS接口
 * updateAppMessageShareData：自定義“分享給朋友”及“分享到QQ”按鈕的分享內容（1.4.0）
 * updateTimelineShareData：自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容（1.4.0）
 * */

wx.ready(function(){
	wx.checkJsApi({
	  jsApiList: ['chooseImage'], // 需要檢測的JS接口列表，所有JS接口列表見附錄2,
	  success: function(res) {
	  // 以鍵值對的形式返回，可用的api值true，不可用為false
	  // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
	  }
	});
	
	/**
	 * 分享圖標imgUrl推薦使用鏈接地址，不推薦使用相對路徑
	 * */
	wx.updateAppMessageShareData({ 
	    title: '', // 分享標題
	    desc: '', // 分享描述
	    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
	    imgUrl: '', // 分享圖標
	    success: function () {
	      // 設置成功
	    }
	});
	
	wx.updateTimelineShareData({ 
	    title: '', // 分享標題
	    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
	    imgUrl: '', // 分享圖標
	    success: function () {
	      // 設置成功
	    }
	});
});

注意事項：

• 下列這些微信自定義分享接口即將廢棄，建議使用上述分享接口
  • wx.onMenuShareTimeline：分享到朋友圈
  • wx.onMenuShareAppMessage：分享給朋友
  • wx.onMenuShareQQ：分享到QQ
  • wx.onMenuShareQZone：分享到QQ空間

• 獲取權限校驗信息時，跟后面的校驗當前客戶端是否支持指定版本JS接口要同步，異步 執行會導致分享失敗