在 HTML5 中,我們可以使用微信分享 API 來實(shí)現(xiàn)在網(wǎng)站中分享內(nèi)容到微信的功能。在以下的 HTML 代碼中,我們可以看到使用微信分享 API 的示例。首先,在頭部引入微信 JS-SDK 文件:
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
接下來,在 HTML 頁面的底部加入微信分享的相關(guān)代碼:
<script> wx.config({ debug: false, appId: 'Your APP ID', timestamp: <?php echo time(); ?>, nonceStr: 'Your Noncestr', signature: 'Your Signature', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] }); wx.ready(function () { // 分享到朋友圈 wx.onMenuShareTimeline({ title: '分享標(biāo)題', link: '分享鏈接', imgUrl: '分享圖片', success: function () {}, cancel: function () {} }); // 分享給好友 wx.onMenuShareAppMessage({ title: '分享標(biāo)題', desc: '分享描述', link: '分享鏈接', imgUrl: '分享圖片', success: function () {}, cancel: function () {} }); // 分享到QQ wx.onMenuShareQQ({ title: '分享標(biāo)題', desc: '分享描述', link: '分享鏈接', imgUrl: '分享圖片', success: function () {}, cancel: function () {} }); // 分享到騰訊微博 wx.onMenuShareWeibo({ title: '分享標(biāo)題', desc: '分享描述', link: '分享鏈接', imgUrl: '分享圖片', success: function () {}, cancel: function () {} }); // 分享到QQ空間 wx.onMenuShareQZone({ title: '分享標(biāo)題', desc: '分享描述', link: '分享鏈接', imgUrl: '分享圖片', success: function () {}, cancel: function () {} }); }); </script>
在以上代碼中,我們需要填寫 APP ID、Noncestr 和 Signature 這些參數(shù)。其中,APP ID 是我們?cè)谖⑿殴娖脚_(tái)中申請(qǐng)的應(yīng)用 ID;Noncestr 是隨機(jī)字符串;Signature 是簽名,可以通過 JS-SDK 提供的功能進(jìn)行生成。另外,在 onMenuShareTimeline、onMenuShareAppMessage、onMenuShareQQ、onMenuShareWeibo 和 onMenuShareQZone 這些方法中,我們需要填寫分享的標(biāo)題、描述、鏈接和圖片,其中分享鏈接可以通過頁面 URL 參數(shù)或者后端服務(wù)器變量動(dòng)態(tài)生成。