// ![](.../share.png)

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: ‘‘, // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: ‘‘, // 必填，生成签名的随机串
    signature: ‘‘,// 必填，签名，见附录1  
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

其中，最重要的就是signature签名的生成。附录1告诉我们：
1）生成`signature`需要`jsapi_ticket`，
2）生成`jsapi_ticket`需要`access_token`
3）还有7200秒过期等规则，组装规则（稍后再看）

wx.ready(function(){
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
});

wx.error(function(res){
    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});

// 这里应该判断是否存在签名，是否已过期
//（稍后添加）
// ...
// 公众号字段
var appID = "wxa2c416de84300ee5";
var appSecret = "bba57000821ac67cbcee3a573db85498";
// 获取access_token
var tokenUrl = ‘https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=‘+appID+‘&secret=‘+appSecret;
request(tokenUrl, function (error, response, body) {
  if (response.statusCode === 200) {
    body = JSON.parse(body); 
    // 这里我缓存到了global
    global.wxshare.access_token = body.access_token;
    // 获取jsapi_ticket
    // ...
}

// 获取jsapi_ticket
var ticketUrl = ‘https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=‘ + body.access_token + ‘&type=jsapi‘;
request(ticket, function (err, response, content) {
  content = JSON.parse(content);
  if (content.errcode == 0) {
    // 这里我缓存到了global
    global.wxshare.jsapi_ticket = content.ticket;
    // 计算signature
    // ...
  }
})

// 计算signature
// 先拿一个当前时间戳，这里我缓存到了global
global.wxshare.deadline = new Date().getTime();
// 通过调用计算签名方法
var signatureStr = sign(content.ticket, req.body.url);
// 当前时间戳
signatureStr.deadline = new Date().getTime();
// 缓存签名
if (signindex && signindex !== 0) {
  global.wxshare.signs(signindex, 1, signatureStr);
} else {
  global.wxshare.signs.push(signatureStr);
}
// 返回给页面
res.status(200).json(signatureStr);

// 随机字符串
var createNonceStr = function () {
  return Math.random().toString(36).substr(2, 15);
};

// 时间戳
var createTimestamp = function () {
  return parseInt(new Date().getTime() / 1000) + ‘‘;
};

// 排序拼接
var raw = function (args) {
  var keys = Object.keys(args);
  keys = keys.sort()
  var newArgs = {};
  keys.forEach(function (key) {
    newArgs[key.toLowerCase()] = args[key];
  });
  var string = ‘‘;
  for (var k in newArgs) {
    string += ‘&‘ + k + ‘=‘ + newArgs[k];
  }
  string = string.substr(1);
  return string;
};

/**
* @synopsis 签名算法 
*
* @param jsapi_ticket 用于签名的 jsapi_ticket
* @param url 用于签名的 url ，注意必须动态获取，不能 hardcode
*
* @returns
*/
var sign = function (jsapi_ticket, url) {
  var ret = {
    jsapi_ticket: jsapi_ticket,
    nonceStr: createNonceStr(),
    timestamp: createTimestamp(),
    url: url
  };
  var string = raw(ret);
      jsSHA = require(‘jssha‘);
      shaObj = new jsSHA(string, ‘TEXT‘);
  ret.signature = shaObj.getHash(‘SHA-1‘, ‘HEX‘);

  return ret;
};
module.exports = sign;

//检查页面链接对应的签名是否可用
var signtag = false;
var signindex;
// 检查签名
global.wxshare.signs.forEach(function (item, index) {
  if (item.url === req.body.url) {
    signindex = index;
    if (item.deadline && new Date().getTime() - item.deadline < 6000000) {
      signtag = true;
    }
  }
});
//当签名不可用时，检测jsapi_ticket是否可用，来决定是直接请求签名还是先请求jsapi_ticket再请求签名
if (!signtag) {
   // 请求操作
   // 计算签名操作
   // ...
}

// 相应路由
app.post(‘/signture‘, Base.wxconfig);
// 对应方法
exports.wxconfig = function(req,res,next) {
   // ...
}

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
  // 请求签名
  $.ajax({
    url: "/signture",
    type: ‘post‘,
    data: { url: location.href.split(‘#‘)[0] },
    success:function(res){
      wx.config({
        debug: false,
        appId: ‘wxa2c416de84300ee5‘,
        timestamp: res.timestamp,
        nonceStr: res.nonceStr,
        signature: res.signature,
        jsApiList: [
          ‘checkJsApi‘,
          ‘onMenuShareTimeline‘,
          ‘onMenuShareAppMessage‘,
          ‘onMenuShareQQ‘
        ]
      }); 
      wx.ready(function () {
        var shareData = {
          title: document.title,
          desc: getDesc(),
          link: res.url,
          imgUrl: getImage()
        };
        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareTimeline(shareData);
        wx.onMenuShareQQ(shareData);
      });
      wx.error(function (res) {
        alert(res.errMsg);  // 正式环境记得关闭啊！！！！
      });
    }
  });
  // 获取描述字段方法
  function getDesc() {
    var meta = document.getElementsByTagName("meta");
    for (var i=0;i<meta.length;i++){
      if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description"){
        return meta[i].content;
      }
    }
  };
  // 获取图片
  function getImage() {
    return ‘http://‘+location.host+‘/images/logo.png‘;
  };
</script>

// 相应路由
app.get(‘/MP_verify_CwPkZ2phenWhKlmR.txt‘, Base.checkWx);

// 对应方法
exports.checkWx = function(req, res) {
  res.send(‘CwPkZ2phenWhKlmR‘);
}

<script>
  // 检查微信环境
  function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == ‘micromessenger‘) {
      return true;
    } else {
      return false;
    }
  };
  // 如果为真，则请求
  if(isWeiXin()){
      // 去获取signature签名
      ....
  });
</script>

// 引入JS脚本
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
<script type="text/javascript">
  // 配置
  setShareInfo({
      title:  document.title, // 获取页面的标题
      summary: getDesc, //获取页面的desc
      pic: ‘http://xxx/xx/pic.png‘, // 获取图片(这里自己写吧，整站固定图片or页面第一张或指定图片)
      url: location.href // 获取地址
  });

  // 获取描述字段方法
  function getDesc() {
      var meta = document.getElementsByTagName("meta");
      for (var i=0;i<meta.length;i++){
           if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description"){
                return meta[i].content;
           }
      }
  };
</script>