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