微信分享功能開發之巧用微信JSSDK
微信在去年發布JSSDK后，把包括自定義分享在內的眾多網頁服務接口進行了統一。現在，如果要想自定義分享自己的網頁信息給好友或朋友圈，就最好使用這個統一的網頁服務接口。沒有認證微信號的，可參考文章末尾的辦法。
一，首先在公眾號管理后臺“公眾號設置”的“功能設置”里填寫JS接口安全域名，域名需要通過ICP備案，沒有備案域名可以用SAE、BAE等平臺。此外，自定義分享功能需要通過微信認證才能使用，沒有認證的可以跟關系好的朋友借用權限，在他的JS接口安全域名設置這里填上你的域名和共享同一個開發者ID。
二，在需要調用JS接口的頁面引入微信JSSDK的JS文件：http://res.wx.qq.com/open/js/jweixin-1.0.0.js，這個文件在需要分享的頁面是必須要引用的，單獨特別重申一下，其他方面請閱讀官方文檔http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
引用方法：在網頁title標題下面加上：<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
三，下載官方示例代碼：http://demo.open.weixin.qq.com/jssdk/sample.zip，解壓之后在例如PHP文件夾中看到以下文件：
四，復制以上文件到你的游戲目錄，為了方便所有游戲調用同一個文件，建議在主機根目錄（即一級目錄）建立一個JSSDK文件夾。
五，在你需要自定義分享的網頁源文件上（主機需支持PHP環境，網頁文件名.html改成.php）引用JSSDK：
在網頁頭部加上如下代碼：
<?php
require_once "../jssdk/jssdk.php"; //表示主機根目錄下jssdk文件夾內jssdk.php文件
$jssdk = new JSSDK("AppID(應用ID)", "AppSecret(應用密鑰)");//填寫開發者中心你的開發者ID
$signPackage = $jssdk->GetSignPackage();
?>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> //必須引用該文件
<script>
wx.config({
debug: false, //調式模式，設置為ture后會直接在網頁上彈出調試信息，用于排查問題
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [ //需要使用的網頁服務接口
'checkJsApi', //判斷當前客戶端版本是否支持指定JS接口
'onMenuShareTimeline', //分享給好友
'onMenuShareAppMessage', //分享到朋友圈
'onMenuShareQQ', //分享到QQ
'onMenuShareWeibo' //分享到微博
]
});
wx.ready(function () { //ready函數用于調用API，如果你的網頁在加載后就需要自定義分享和回調功能，需要在此調用分享函數。//如果是微信游戲結束后，需要點擊按鈕觸發得到分值后分享，這里就不需要調用API了，可以在按鈕上綁定事件直接調用。因此，微信游戲由于大多需要用戶先觸發獲取分值，此處請不要填寫如下所示的分享API
wx.onMenuShareTimeline({ //例如分享到朋友圈的API
title: '', // 分享標題
link: '', // 分享鏈接
imgUrl: '', // 分享圖標
success: function () {
// 用戶確認分享后執行的回調函數
},
cancel: function () {
// 用戶取消分享后執行的回調函數
}
});
});
wx.error(function (res) {
alert(res.errMsg); //打印錯誤消息。及把 debug:false,設置為debug:ture就可以直接在網頁上看到彈出的錯誤提示
});
</script>
那么，沒有認證微信號，又沒法借用權限的朋友，如何分享呢？這就必須讓用戶點擊分享按鈕或游戲結束時觸發來改變title標題了，至于分享的小圖片，在網頁源文件<body>標簽后，加上<div style="display: none"> <img src="圖片文件的絕對URL地址" /> </div>即可。
OK，大概分享辦法就是這樣，下載步驟三中的官方示例代碼后，在PHP文件夾下sample.php是調用API接口的示例文件。
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發