5.4 微信分享 · StuQ《Node.js微信開發》

# 分享寫一個具體實例 [https://github.com/i5ting/wx_jsapi_sign](https://github.com/i5ting/wx_jsapi_sign) ## 獲取簽名信息 ~~~ app.post('/getsignature', function(req, res){ var url = req.body.url; console.log(url); signature.getSignature(config)(url, function(error, result) { if (error) { res.json({ 'error': error }); } else { res.json(result); } }); }); ~~~ ## 頁面 ~~~ <script src="jweixin-1.0.0.js"></script> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script> // 使用 jq 動態加載微信配置 $.ajax({ url: '/getsignature' // 此處url請求地址需要替換成你自己實際項目中服務器數字簽名服務地址 , type: 'post', data: { url: location.href.split('#')[0] // 將當前URL地址上傳至服務器用于產生數字簽名 } }).done(function(r) { // 返回了數字簽名對象 console.log(r); console.log(r.appid); console.log(r.timestamp); console.log(r.nonceStr); console.log(r.signature); // 開始配置微信JS-SDK wx.config({ debug: true, appId: r.appId, timestamp: r.timestamp, nonceStr: r.nonceStr, signature: r.signature, jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'hideMenuItems', 'chooseImage' ] }); // 調用微信API wx.ready(function() { var sdata = { title: '那年|測試微信分享及相關API', desc: '那年|測試微信分享及相關API', link: 'http://game.4gshu.com/deep-love/index2.html', imgUrl: 'http://game.4gshu.com/xuangedan/other-project/2015-01-06/img/share-wx-logo.jpg', success: function() { alert('用戶確認分享后執行的回調函數'); }, cancel: function() { alert('用戶取消分享后執行的回調函數'); } }; wx.onMenuShareTimeline(sdata); wx.onMenuShareAppMessage(sdata); // 添加圖片 $('#addPic').on('click', function() { wx.chooseImage({ success: function(res) { var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標簽的src屬性顯示圖片 // var imgs = localIds.split(','); localIds.forEach(function(v, i) { alert(v); $('#picList').append('<li><img src="' + v + '" alt="" width="50"></li>'); }); } }); }); }); }); ~~~ ## FAQ 1、如果微信公眾號沒有認證，無法自定義分享標題和圖片；見[https://segmentfault.com/q/1010000002488298](https://segmentfault.com/q/1010000002488298) 2、填寫域名 ## 更多 * [http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E8.8E.B7.E5.8F.96.E2.80.9C.E5.88.86.E4.BA.AB.E5.88.B0.E6.9C.8B.E5.8F.8B.E5.9C.88.E2.80.9D.E6.8C.89.E9.92.AE.E7.82.B9.E5.87.BB.E7.8A.B6.E6.80.81.E5.8F.8A.E8.87.AA.E5.AE.9A.E4.B9.89.E5.88.86.E4.BA.AB.E5.86.85.E5.AE.B9.E6.8E.A5.E5.8F.A3](http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E8.8E.B7.E5.8F.96.E2.80.9C.E5.88.86.E4.BA.AB.E5.88.B0.E6.9C.8B.E5.8F.8B.E5.9C.88.E2.80.9D.E6.8C.89.E9.92.AE.E7.82.B9.E5.87.BB.E7.8A.B6.E6.80.81.E5.8F.8A.E8.87.AA.E5.AE.9A.E4.B9.89.E5.88.86.E4.BA.AB.E5.86.85.E5.AE.B9.E6.8E.A5.E5.8F.A3) * [https://github.com/i5ting/wx_jsapi_sign/blob/master/test/public/demo.js](https://github.com/i5ting/wx_jsapi_sign/blob/master/test/public/demo.js)